백분율로 표 셀의 최대 너비를 설정하는 방법은 무엇입니까?

백분율로 표 셀의 최대 너비 설정

표 레이아웃 최적화를 추구할 때 개별 표 셀의 조작에 관한 의문이 생깁니다. . 그러한 질문 중 하나는 백분율을 사용하여 표 셀의 최대 너비를 설정하는 것과 관련이 있습니다. 노력에도 불구하고 제공된 예시와 같은 시도는 원하는 효과를 얻지 못하는 경우가 많습니다.

이 문제에 대한 해결책은 CSS 속성 table-layout:fixed에 있습니다. 이 속성을 문제의 테이블에 적용하면 후속 max-width 속성이 의도한 대로 적용됩니다.

CSS 코드:

table {
  width: 100%;
  table-layout: fixed;
}

업데이트됨 HTML:

<table class="fixed-table">
  <tr>
    <td>Test</td>
    <td>A long string blah blah blah</td>
  </tr>
</table>

CSS 스타일 시트:

.fixed-table td {
  max-width: 67%;
}

CSS 속성과 속성의 조합을 활용하면 이제 백분율을 사용하여 표 셀의 최대 너비를 설정할 수 있으므로 더욱 세련되고 반응성이 뛰어난 표 레이아웃이 보장됩니다.

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