-1

私のCSSにはこれがあります：

ES{
max-width:20px;
word-wrap:break-word;

}

そして、私のテーブルはこのように見えます...

<table border="1" cellpadding="2" class="ES" >
<tr>
    <td><input name="rbeso" type="radio" id="rblimpet" value="limpet" title="Seafood" /><b>The Doctor Limpet</b> Fresh from the sea! Crab flakes, alfredo sauce and mozzarella cheese.</td>


</tr>

セルの幅を最大にしたいのですが、違いがないようです...

4

3 に答える 3

2

打ち間違え：

.ES {
^--missing

がない場合は、CSSクラスではなく、存在しないタグ.のcssルールを定義します。<es>

于 2012-04-07T17:37:51.753 に答える
1

コードとデモについてはフィドルを参照してください

フィドル： http： //jsfiddle.net/RwXkz/

デモ： http： //jsfiddle.net/RwXkz/embedded/result/

スクリーンショット： http： //img685.imageshack.us/img685/1528/80290481.jpg

于 2012-04-07T17:40:10.097 に答える
0

テーブルのクラスに基づいて要素のスタイルを定義するには、次のようにします。

.ES td{
max-width:20px;
word-wrap:break-word;
}

ワードラップ属性は必要ないと思います。デフォルトでは壊れているはずです。

この変更後も列の幅に問題がある場合は、列の幅（"max-width"ではなく"width"）を明示的に指定することをお勧めします。また、これらの属性を変更することもできます。テーブル/「ES」スタイル。

table.ES, .ES { width: 300px; }

また

table.ES, .ES { width: 100%; }

一般に、列の内容に応じて列が適切な幅を動的に生成することは、テーブルの利点です。

小さくすることがわかっている列の幅を指定し、テーブルの幅を指定して、フィールド値が大きい列の幅を自動調整することができます。

于 2012-04-07T17:44:31.870 に答える