表中td上的nowrap,但colspan则不

时间:2019-04-04 06:43:59

标签: html-table nowrap

是否可以根据单元格(td)是否具有colspan属性来控制表格单元格的nowrap?

当前CSS

.k2table {table-layout: fixed; width:100%;border-collapse: collapse}
.k2table tr {height:18px} 
.k2table td {text-align: left;padding:1px;white-space: nowrap;} 
.k2table td+td {text-align: right;width:70px;} 
.k2table td+td+td {text-align: right;width:70px;} 

如果我有一个下面的表格,我不想用colspan在td上使用nowrap。

<table class="k2table">
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td colspan="3"></td>
</tr>
</table>

1 个答案:

答案 0 :(得分:1)

您可以使用[attr]选择器

.k2table td[colspan] { white-space: normal }

如果您需要更加具体,可以使用THAT colspan将样式仅应用于单元格

.k2table td[colspan="3"] { white-space: normal }