[英]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.