HTML에서 백분율을 사용하여 표 셀의 최대 너비를 어떻게 설정할 수 있습니까?

백분율을 사용하여 표 셀의 최대 너비 설정

HTML 표에서 백분율을 사용하여 표 셀의 최대 너비 속성을 설정하면 도전적임을 입증하십시오. 이를 달성하는 방법을 살펴보겠습니다.

<br><table><br> <tr></p>
<div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false"><td>Test</td>
<td>A long string blah blah blah</td>

로그인 후 복사

< /table>

위의 코드는 CSS 규칙의 제한으로 인해 원하는 효과를 얻지 못할 수 있습니다. 이를 극복하기 위해 우리는 잘 알려지지 않은 table-layout 속성인

<br>table {<br> width: 100%;<br> table-layout:fixed;<br>를 사용합니다. }<br>

table-layout을 고정으로 설정하면 브라우저가 표 셀에 남은 너비를 균등하게 분배하므로 원하는 대로 최대 너비 백분율을 설정할 수 있습니다.

여기에서 업데이트된 바이올린을 확인하세요: http://jsfiddle.net/Fm5bM/4/ 구현이 실제로 이루어지는 모습을 확인하세요.

위 내용은 HTML에서 백분율을 사용하여 표 셀의 최대 너비를 어떻게 설정할 수 있습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!