html - 设置 HTML 表格，偶数列宽度为 2X

Question

我需要将奇数列宽度设置为 1X 和奇数行的偶数行 2X 的相关解决方案。 我正在使用这个 CSS:

.colTest{
    width:100%;
}
.colTest col:nth-child(2n+1){
    width: 100px;
}
.colTest col:nth-child(2n){
    width: 200px;
}

如: jsFiddle

如何为具有不同列数的表列设置相对值(即 %)？ (意味着表列在 2 到 10 之间可变)

Answer 1

jsFiddle Demo

.colTest {width:100%}
.colTest col:nth-child(2n+1){
    width: 1%;
}
.colTest col:nth-child(2n){
    width: 2%;
}

更新:

赞cbroe说使用 td 而不是 col 会得到更好的结果，但我的解决方案的总体思路是相同的。

jsFiddle Demo

.colTest {width:100%}
.colTest td:nth-child(2n+1){
    width: 1%;
}
.colTest td:nth-child(2n){
    width: 2%;
}