Question

我想在td tbody下面thead设置宽度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%</td> <td>70%</td> </tr> </tbody> </table>下面，其中thead的列宽已定义为％。浏览器shell不会动态调整表格宽度。

table-layout: fixed;

table-layoud: auto;

如果colgroup被删除但不能使用，则上述样式有效。

重要说明，

我添加了. ├── config │ ├── subfolder │ │ └── config.xml │ └── subfolder2 │ └── config.xml ├── .gitignore ├── log2.txt └── log.txt，因为我需要列完全与指定的宽度一样。使用git init会导致浏览器将指定的宽度视为方向，但仍会动态调整宽度。

修改

接受的答案解决了我上面的问题。但是由于我使用的是WYSIWYG编辑器，因此我无法使用.gitignore。因此，我添加了一个详细规范here的跟进问题。

Answer 1

尝试使用transform: translateX和<colgroup>代码：

<col>

.sample {
  width: 100%;
  table-layout: fixed;
}

Answer 2

改变你的css对我来说太混乱了。改变它以遵循

 .sample {width: 100%;}
.sample td:nth-child(1) {width:30%;}
.sample td:nth-child(2) {width:70%;}

你希望桌子看起来不错，然后你可以给边框，这样你就可以清楚地了解它。

<table class="sample" border="1px grey solid">
..
</table>

设置colspan下的宽度

2 个答案: