我想在td
tbody
下thead
设置th
,colspan="2"
位于.sample {
width: 100%;
table-layout: fixed;
}
.sample td:nth-child(1),
.sample th:nth-child(1) {
width: 30%;
}
.sample td:nth-child(2),
.sample th:nth-child(2) {
width: 70%;
}
<table class="sample" border="1">
<thead>
<tr>
<th colspan="2">Header</th>
</tr>
</thead>
<tbody>
<tr>
<td>30% This columns has a lot of content and a really long woooooooooooooooooooooooooooooooooooooord which is not wrapable by the browser by default. This column still should be 30%with.</td>
<td>70%</td>
</tr>
</tbody>
</table>
下面,其中thead
具有硬定义列宽以%为单位。如果单元格内容超过。
table-layout: fixed;
&#13;
table-layoud: auto;
&#13;
如果colgroup
被删除但不能使用,则上述样式有效。
重要说明,
col
,因为我需要列完全与指定的宽度一样。使用!==
会导致浏览器将指定的宽度视为方向,但如果表格内容超出可用宽度,则仍会动态调整宽度。!=
和{% set var = 'foo bar' %}
{% if var != 'foo bar' %}
<h2>Nav</h2>
{% else %}
<em>no-nav</em>
{% endif %}
无法使用,因为我使用的是未添加colgroups的所见即所得编辑器。因此我依靠css。这是一个跟进问题,因为在我的初始问题Set width on <td> which under <th> with colspan
期间出现了新情况