>  기사  >  웹 프론트엔드  >  CSS에서 표 셀 너비를 설정하는 방법: 최소 너비와 최대 너비가 작동하지 않는 이유는 무엇입니까?

CSS에서 표 셀 너비를 설정하는 방법: 최소 너비와 최대 너비가 작동하지 않는 이유는 무엇입니까?

Patricia Arquette
Patricia Arquette원래의
2024-10-25 04:11:02377검색

How to Set Table Cell Width in CSS: Why Min-Width and Max-Width Don't Work?

표 셀에 너비 속성 사용

기대에도 불구하고 min-width 및 max-width 속성은 표 셀에 적용되지 않습니다. CSS 사양에 따르면 표 셀에 미치는 영향은 정의되지 않습니다.

대체 솔루션

표 셀의 너비를 정의하려면 대신 width 속성을 사용하세요. 표 셀의 최소 및 최대 너비를 효과적으로 설정합니다.

예:

<code class="css">td {
    width: 100px;
}</code>

표 레이아웃

추가 제어를 위해 테이블의 테이블 레이아웃 속성을 "고정"으로 설정할 수도 있습니다. 이렇게 하면 고정 레이아웃이 적용되어 표 셀이 지정된 너비를 준수하게 됩니다.

코드 예

<code class="html"><table style="table-layout: fixed;">
    <tr>
        <td>
            <!-- Your content here -->
        </td>
        <td>
            <!-- Other content -->
        </td>
    </tr>
</table></code>

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

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.