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 中国語 Web サイトの他の関連記事を参照してください。