html - 最大化单元格宽度的 CSS 表格属性

Question

我的 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>

我希望单元格具有最大宽度，但似乎没有什么区别......

Answer 1

错字：

.ES {
^--missing

如果没有.，您正在为一些不存在的<es>标签定义一个 CSS 规则，而不是一个 CSS 类。

Answer 2

请参阅小提琴的代码和演示

小提琴：http: //jsfiddle.net/RwXkz/

演示：http: //jsfiddle.net/RwXkz/embedded/result/

屏幕截图：http: //img685.imageshack.us/img685/1528/80290481.jpg

Answer 3

要根据表的类定义元素的样式，您需要类似：

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

我认为您不需要 word-wrap 属性，默认情况下它应该会中断。

如果您在此更改后仍然遇到列宽问题，您可能需要明确指定列的宽度（不是“max-width”而是“width”），您也可以在表/“ES”样式。

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

或者

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

通常，表格的一个优点是列将根据列内容动态生成适当的宽度。

您可能希望在您知道会变小的列上指定宽度，为表格指定宽度，并让具有较大字段值的列自动调整其宽度。