HTML에서 표 셀의 최소 너비와 최대 높이를 설정하는 방법은 무엇입니까?-CSS 튜토리얼-php.cn

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

Linda Hamilton

풀어 주다： 2024-10-25 02:36:02

원래의

1065명이 탐색했습니다.

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 중국어 웹사이트의 기타 관련 기사를 참조하세요!