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

时间:2015-03-10 03:56:08

标签: html css tablecolumn

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

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

1 个答案:

答案 0 :(得分:0)

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

<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