使用csp设置强制宽度,使用colspan而不使用colgroup

时间:2017-02-21 15:51:09

标签: html css html-table

我想在td tbodythead设置thcolspan="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具有硬定义列宽以%为单位。如果单元格内容超过。

,浏览器外壳不会动态调整表格宽度

&#13;
&#13;
table-layout: fixed;
&#13;
table-layoud: auto;
&#13;
&#13;
&#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

期间出现了新情况

0 个答案:

没有答案