Question

我有一张包含动态数据的表格。

根据数据，它会扩展或折叠。

我不想要它。我想要一个永不膨胀或折叠的固定宽度。

我该怎么做？

我已经尝试了<table width="300px"></table>，但它不起作用。

Answer 1

以下内容应该有效：

<table style="width:300px;table-layout:fixed"></table>

Answer 2

您可以明确地设置每列的宽度：

td.a {
   width:100px;
}
td.b { 
   width:200px;
}
...

<table>
<tr><td class='a'>A</td><td class='b'>B</td></tr>
<tr><td class='a'>A</td><td class='b'>B</td></tr>
<tr><td class='a'>A</td><td class='b'>B</td></tr>
<tr><td class='a'>A</td><td class='b'>B</td></tr>
</table>

Answer 3

要么是丑陋的方式

<table width="300"></table>

或CSS方式

<table style="width:300px"></table>

当然，最好的方法是使用单独的样式表文件，例如调用它style.css：

table {
  width: 300px;
}

和您的HTML文档：

<!DOCTYPE html>
<html>
  <head>
    <link rel="stylesheet" href="style.css"/>
  </head>
  <body>
    <table>
    ...
    </table>
  </body>
</html>

保持表格宽度固定

3 个答案: