gpt4 book ai didi

html - 使用 CSS 设置表格单元格的宽度

转载 作者:太空宇宙 更新时间:2023-11-03 22:05:58 30 4
gpt4 key购买 nike

我有一个 HTML 表格,我必须在其中设置整体宽度并希望确保标签列不会太宽。

它在 Firefox 4 中按预期工作,但 IE 9 似乎完全忽略了 with 属性。

<html>
<head>
<style type="text/css">
table,th,td { border: solid 1px; border-collapse: collapse; }
th.caption { width: 700px; }
.label { width: 100px; }
</style>
</head>
<body>

<table>
<tr><th class="caption" colspan=2>Caption</th></tr>
<tr><td class="label">Label</td><td>Stuff...</td></tr>
<tr><td class="label">Label</td><td>Stuff...</td></tr>
</table>

</body>
</html>

最佳答案

  • 添加<!DOCTYPE html>作为获得标准模式的第一行(与您的问题没有直接关系,但您绝对应该这样做,除非您喜欢 IE9 伪装成 IE5 - Quirks Mode)。
  • table 上设置表格的整体宽度而不是 th.caption .

参见: http://jsbin.com/icafo3

<!DOCTYPE html>
<html>
<head>
<style type="text/css">
table,th,td { border: solid 1px; border-collapse: collapse; }
table { width: 700px; }
.label { width: 100px; }
</style>
</head>
<body>

<table>
<tr><th class="caption" colspan=2>Caption</th></tr>
<tr><td class="label">Label</td><td>Stuff...</td></tr>
<tr><td class="label">Label</td><td>Stuff...</td></tr>
</table>

</body>
</html>

关于html - 使用 CSS 设置表格单元格的宽度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6179838/

30 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com