3

就像标题所说的那样。这个问题有数百个帖子,所有答案都迫使我使用固定宽度,但这不是现实世界。

我希望我td使用%并且仍然可以tbody滚动。

我想要 Isaac Betesh 在对这个问题的回答发表评论时提出的问题“如何为 TBODY 应用垂直滚动条的评论中提出的问题:

此示例具有每个 td 和 th 的精确像素宽度。有没有办法使用 % 宽度而不是 px 并完成相同的操作?

编辑:不想包括几十个例子,因为它们都在 Stack Overflow,但这是经典的: JSFiddle

如果您只是thead像这样更改内容:JSFiddle,这一切都会在theadand之间不同步tbody

解决方案

 display:block;

不起作用。

4

1 回答 1

0

添加到 tbody 的滚动条是问题,我将 thead 宽度设置为width: calc(100% - 17px)和其他一些 css 并解决了问题,这是一个工作示例 ,这就是我添加到您的 css 中的内容:

thead, tbody, tr, td { display: block}
thead {
        width: calc(100% - 17px);
}
tbody td, thead td {
    width: 40%;
    display:inline-block
}
table {
    background-color: #aaa;
    width:50%
}
于 2013-09-20T18:24:51.583 回答