第一个表列的最小宽度

时间:2012-01-09 15:48:21

标签: html css css-tables

有没有办法让左边的第一列有最小宽度......比如50%?

我有不同数量的单独表格(标题不同,因此它们是单独的数据)。

显然,表格列根据内容的多少来改变它们的宽度...如果它需要额外的空间,那么它将占用同一桌子中其他列的更多空间......这很酷但是当有很多空间时并且它不需要任何额外的空间,如果它们都保持相同的宽度,那么它会更整洁......就像50%

http://jsfiddle.net/mqatP/5/

任何想法如何在不测试PHP内容的情况下如何做到这一点并添加不同的类?

3 个答案:

答案 0 :(得分:5)

我很惊讶地发现min-width没有做到这一点。然而,在玩了一段时间之后,我遇到了这个解决方案:

td:first-child {
    width: 40%;
    white-space: nowrap;
}

答案 1 :(得分:3)

我建议你试试这个来修复css中的表格宽度

    table-layout:fixed;

在JavaScript语法中是:object.style.tableLayout="fixed"

答案 2 :(得分:1)

您可以使用

tbody>tr>td:nth-child(1),
tbody>tr>td:nth-child(2),
tbody>tr>td:nth-child(3) { width: 50%; }