Question

当我将宽度添加到td时，它会变大。

如果最后一列有很多文字，但我不希望宽度显示在整个页面中，我该如何控制呢？

我仍然希望th成为nowrap并且'替换'和'附加测试'将始终为是/否文本。

table.standardtable {
    border: 1px solid #ddd;
    }
table.standardtable th,
table.standardtable td {
    padding: 5px 9px;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    text-align: left;
    color: #000;
    }
table.standardtable th{
    background-color: #f3f3f3;
    font-weight: bold;
    }
table.standardtable th.section1{
    background-color: #04659D;
    color: #fff;
    border-bottom: 1px solid #044971;
    }

Answer 1

使用css选择器查找最后一个table.standardtable tr td:last-child{ /* last-child returns the last instance of the td */ max-width:150px; /* additional styles as required */ }并对其应用最大宽度：

<td>

Fiddle demo

关于你的小提琴要注意的一点是，不要混用<th>和<th>。 <td>是一个表标题，其中<table> <tr> <th></th> <th></th> <th></th> </tr> <tr> <td></td> <td></td> <td></td> </tr> </table>是常规单元格。虽然从技术上讲你的标记是有效的，但这并不是一种好的做法。

有效表格如下：

css classes

如果要更改标记，请改用{{1}}。

如何控制最后一列的宽度？

1 个答案: