gpt4 book ai didi

html - 我怎样才能说服 IE 遵守我的明确指示,使表格列 X 像素宽?

转载 作者:太空宇宙 更新时间:2023-11-04 04:18:24 27 4
gpt4 key购买 nike

请考虑这个小而完整的 HTML block :

<!DOCTYPE html >
<html>
<head>
<title>Test</title>
<style type="text/css">
span {overflow:hidden; white-space:nowrap; }
td {overflow:hidden; text-overflow:ellipsis}
</style>
</head>
<body>
<table cellspacing="0" >
<tbody>
<tr>
<td nowrap="nowrap" style="max-width:30px; width:30px; white-space:nowrap; "><span>column 1</span></td>
<td nowrap="nowrap" style="max-width:30px; width:30px; white-space:nowrap; "><span>column 2</span></td>
<td nowrap="nowrap" style="max-width:30px; width:30px; white-space:nowrap; "><span>column 3</span></td>
</tr>
</tbody>
</table>
</body>
</html>

如果您在 Chrome 中呈现以上内容,您将看到我正在寻找的效果。

但是在 IE8 或 9 中渲染它时,宽度和/或最大宽度将被忽略。

所以我的问题是如何让 IE 简单地让我明确指定单元格的宽度? (如果我不必使用 max-width 来让 Chrome 正常运行,那也很好)。

顺便说一句,我已经尝试了 table-layout:fixed 的各种组合以及将 colgroup 与 cols 和各种类型结合使用,但我没有尝试说服 IE 执行我明确要求它明确执行的操作。

最佳答案

试试你的 table 样式:

table {table-layout: fixed;宽度:0px;}

你可以放弃 max-width:30px

您确实提到您使用了 table-layout,但是在这里声明 width 就可以了

关于html - 我怎样才能说服 IE 遵守我的明确指示,使表格列 X 像素宽?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19562347/

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