html - 如何固定同一个表中的特定列宽

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