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>

ログイン後にコピー

CSS ルールの制限のため、上記のコードは望ましい効果を生み出さない可能性があります。これを克服するために、あまり知られていない table-layout プロパティを採用します:

<br>table {<br> width: 100%;<br> table-layout: fixed;<br> }<br>

table-layout を固定に設定すると、ブラウザはテーブルのセル間で残りの幅を均等に分配するため、必要に応じて最大幅のパーセンテージを設定できます。

実装を確認するには、ここで更新されたフィドルをチェックしてください: http://jsfiddle.net/Fm5bM/4/実行中。

以上がHTML でパーセンテージを使用して表のセルの最大幅を設定するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。