具有高级CSS选择器的表格中的动态列宽

时间:2018-10-17 13:46:52

标签: css css3 css-selectors css-tables

我曾经在这里找到一小段CSS代码,可让我根据表格中的列数来设置表格中列的宽度。可悲的是,我的搜索功能无法给我答案。所以我决定直接问。

我记得CSS代码是这样的:

table tr td:nth-of-type(1) ~ table tr td:nth-of-type(3) {
   width: 33%;
};

上面的代码将使表中具有3列的每一列的宽度为33%。

table tr td:nth-of-type(1) ~ table tr td:nth-of-type(4) {
   width: 25%;
};

因此,具有4列的表格中的每一列的宽度均为25%。

0 个答案:

没有答案