繁体   English   中英

保持表格宽度固定

[英]Maintain table width fixed

我有一张动态数据表。

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

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

我怎样才能做到这一点?

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

以下应该有效:

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

您可以明确地设置每列的宽度,如下所示:

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>

要么是丑陋的丑陋方式

<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>

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM