这很奇怪,我什至会说这是不可能的。
我有一个包含 7 列的表格。我想要
- 第一列占 10%
- 第二+第三+第四列占宽度的45%
- 第五+第六+第七列占宽度的45%
这可能吗?
我可以这样做:
<html>
<head>
<style>
td {border:1px solid #000}
</style>
</head>
<body>
<table style="width:100%">
<tr>
<td>1</td>
<td>very big text </td>
<td>very big text never</td>
<td>very big text never ending</td>
<td>small</td>
<td>small text</td>
<td>small text foo</td>
</tr>
<!--<tr style="visibility:hidden"> to substitute -->
<tr>
<td style="width:10%"></td>
<td colspan="3" style="width:45%"></td>
<td colspan="3" style="width:45%"></td>
</tr>
</table>
</body>
</html>
但这太丑了。
最佳答案
td
或 th
上的
width
属性现已根据 HTML5 弃用
你可以像这样在 CSS 上做到这一点:
table td {
width: 10%;
}
宽度测量的分区现在是你的工作
更新:
在您的情况下,第一列似乎为 10%,其余列为 15%。使用这样的东西:
table td {
width: 15%;
}
table td:first-child {
width: 10% !important;
}
关于html - 设置了一定宽度的表格列,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21697744/