CSS table-layout 属性的使用
javascriptweb developmentfront end scripts更新于 2024/7/28 4:07:00
table-layout 属性用于帮助您控制浏览器如何呈现或布局表格。此属性可以具有以下三个值之一:fixed、auto 或 inherit。
示例
您可以尝试运行以下代码来实现 CSS table-layout 属性
<html>
<head>
<style>
table.auto {
table-layout: auto
}
table.fixed{
table-layout: fixed
}
</style>
</head>
<body>
<table class = "auto" border = "1" width = "100%">
<tr>
<td width = "20%">1000000000000000000000000000</td>
<td width = "40%">10000000</td>
<td width = "40%">100</td>
</tr>
</table>
<br />
<table class = "fixed" border = "1" width = "100%">
<tr>
<td width = "20%">1000000000000000000000000000</td>
<td width = "40%">10000000</td>
<td width = "40%">100</td>
</tr>
</table>
</body>
</html>
