Question

在以下代码中，

<table id=\"preview_table\" class=\"preview_table\" cellspacing=\"0\" border=\"1\" width=\"%s\"><tr  bgcolor=\"lightgrey\" width=\"%s\"><th>Category</th>
<th>Grade</th>
<th>Grade</th>
<th>Grade</th>
<th>Grade</th><th>Grade</th>
<th>Grade</th>
<th>Grade</th>
<th>Grade</th>
<th>Grade</th>
 <th>Grade</th>
 <th>Grade</th>
 </tr><tr><th></th>
<th></th><th></th><th></th><th></th><th></th><th></th><th></th><th></th><th></th><th></th></tr>
 </table>

在上表中，如何修复表格宽度，使得水平滚动条不会出现在浏览器中，并且单元格对于具有内容的大小均等对齐

谢谢..

Answer 1

将 table-layout 设置为 fixed ，然后设置表格的 width （表格布局仅适用于宽度是明确设置的）。以下CSS应该可以解决这个问题：

<style type="text/css">
.preview_table {
 table-layout:fixed;
 width:100%; // You may need to change this depending on padding/margins/etc
}
</style>

表格中的水平滚动条

1 个答案: