如何在同一个表中修复特定的列宽

Question

<table class="striped">
    <tr><td width="25%">ASD</td></tr>
    <tr><td width="50%">ASD</td></tr>
</table>

通过添加边框，它清楚地显示两行将具有相同的精确宽度，即50％。自定义第二行宽度修复的最简单方法是什么？

Answer 1

您需要为第一行添加一个空列。看看这个：

<table class="striped">
    <tr><td>ASD</td><td class="abc"></td><</tr>
    <tr><td colspan="2">ASDsdfsdfsdf</td></tr>
</table>

CSS：

table.striped td{
    border:1px solid #000;
    width:25%;
}
.abc {
    border:0 !important;
}

Example