집 > 기사 > 웹 프론트엔드 > HTML에서 표 셀의 최소 너비와 최대 높이를 설정하는 방법은 무엇입니까?

HTML에서 표 셀의 최소 너비와 최대 높이를 설정하는 방법은 무엇입니까?

Linda Hamilton원래의: 2024-10-25 02:36:02969검색

How to Set Min-Width and Max-Height for Table Cells in HTML?

표 셀의 최소 너비 및 최대 높이 정의

HTML 테이블에서는 최소 너비 및 최대 높이를 설정할 수 없습니다. 최대 너비 속성은 테이블 셀(td)에 직접 적용됩니다. CSS 2.1에서는 이 요소에 대해 이 기능이 정의되어 있지 않습니다.

해상도

최소 너비와 최대 너비를 사용하는 대신 테이블 셀의 너비 속성을 사용해야 합니다. . 예:

<code class="css">td {
    width: 10px;
    border: 1px solid black;
}</code>

예

테이블 셀 내의 콘텐츠 너비를 제한하고 과도한 여유 공간을 방지하려면 다음 수정된 HTML 및 CSS 코드를 고려하세요.

<code class="html"><html>
<head>
    <style type="text/css">
        td {
            border: 1px solid black;
        }

        html, body, .fullheight {
            height: 100%;
            width: 100%;
        }
        .minfield {
            width: 10px;
            border: 1px solid red;
            overflow: hidden;
        }
    </style>
</head>

<body>
    <table class="fullheight">
        <tr>
            <td class="minfield">
                <div class="minfield">
                    <p>hallo</p>
                </div>
            </td>
            <td><p>welt</p></td>
        </tr>
    </table>
</body>
</html></code>

추가 참고 사항

전체 화면 모드에서 테이블 크기 문제가 계속 발생하는 경우 CSS에서 테이블 레이아웃 속성을 "고정"으로 설정해 보세요. . 이렇게 하면 테이블에 고정 너비 레이아웃이 적용되어 불필요한 공백이 제거됩니다.

위 내용은 HTML에서 표 셀의 최소 너비와 최대 높이를 설정하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

css html for while try using Property undefined this table td

성명：

이전 기사：JavaScript로 CSS 선언을 동적으로 수정하는 방법은 무엇입니까?다음 기사：JavaScript로 CSS 선언을 동적으로 수정하는 방법은 무엇입니까?