gpt4 book ai didi

css - 具有固定表格布局的表格单元格的宽度不起作用

转载 作者:太空宇宙 更新时间:2023-11-04 08:40:15 25 4
gpt4 key购买 nike

我有这样的代码:

table {
table-layout: fixed;
border-collapse: collapse;
}
th, td {
width: 120px;
border: 1px solid black;
}
div {
overflow: scroll;
width: 300px;
}
<div>
<table>
<tr>
<th>A</th>
<th>B</th>
<th>C</th>
<th>D</th>
<th>E</th>
</tr>
<tr>
<td>F</td>
<td>G</td>
<td>H</td>
<td>I</td>
<td>J</td>
</tr>
</table>
</div>

为什么单元格的宽度不是 120px?我希望表格的宽度大于 div 的宽度,这样我就可以滚动 div。

最佳答案

用这个改变你的代码。

<!DOCTYPE html>
<html>
<head>
<style>
table {
table-layout: fixed;
border-collapse: collapse;
}
table, th, td {
width: 120px;
border: 1px solid black;
}
div {
overflow: scroll;
}
</style>
</head>
<body>
<div>
<table>
<tr>
<th>A</th>
<th>B</th>
<th>C</th>
<th>D</th>
<th>E</th>
</tr>
<tr>
<td>F</td>
<td>G</td>
<td>H</td>
<td>I</td>
<td>J</td>
</tr>
</table>
</div>


</body>
</html>

关于css - 具有固定表格布局的表格单元格的宽度不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44178785/

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