显然这是一个经典问题,但我找到的“解决方案”都没有起作用,包括stackoverflow上其他相关问题。
如果我的表格比其容器更宽,我希望我的表格单元格宽度保持固定,不会重新调整以适应容器大小。
可复现的 HTML 代码(<td>
由 PHP 生成):
<html>
<head></head>
<body>
<table>
<tr>
<?php for($i=0;$i<15;$i++) {
echo "<td style='width:150px;border-right:1px solid black;'>".($i+1)."</td>";
} ?>
</tr>
</table>
<div style='background:chartreuse;width:150px'>This is 150px wide.</div>
</body>
</html>
我尝试过:
table-layout:fixed
- 使用设置为
display:inline-block
的容器 - 使用内联块级元素
div
容器
看起来应该有一种简单的方式让上述代码生成一个超出页面边界的表格。
有人能帮忙吗?
编辑
从我的先前措辞可能不清楚,但我想要自己指定列宽。
我正在尝试在不为表格指定显式宽度的情况下实现这一点。只有TD将强制表格变宽,这样会(?)强制容器变宽。
此外,内联CSS仅用于示例目的。
<td>
具有固定的宽度。如果我不在<td>
上设置宽度,则问题将被消除。 - Ben