在 table 中对 td 进行 nowrap 但如果 colspan 则不会

Question

是否可以根据单元格 (td) 是否具有 colspan 属性来控制 table 个单元格的 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;}

如果我有一个 table 如下所示，我不想在 td 上使用 colspan 进行 nowrap。

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

Answer 1

您可以使用 [attr] 选择器

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

如果您需要更具体，您可以将您的样式仅应用到带有 THAT colspan 的单元格

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

在 table 中对 td 进行 nowrap 但如果 colspan 则不会

nowrap on td in table but not if colspan

html-table

nowrap