gpt4 book ai didi

html - IE9 中的 td 最大宽度

转载 作者:可可西里 更新时间:2023-11-01 13:36:50 24 4
gpt4 key购买 nike

我想限制表格中列的宽度。

<!DOCTYPE html>
<style type="text/css">
table tr td {border:1px solid; max-width:2em; overflow:hidden; white-space:nowrap;}
</style>
<table>
<tr><td>this is looooooooo ooooooooo ooooooooooooo ooooooooo ng text</td></tr>
</table>

下一段代码在 Firefox 中运行良好(单元格的宽度有限),但在 IE9 中宽度不受限制。

最佳答案

你需要在td后面添加一个div,就像HTML中的下面这样。 div 中的任何内容都不会拉伸(stretch) table 单元格。

Demo

<!DOCTYPE html>
<table>
<tr>
<td>
<div>
this is looooooooo ooooooooo ooooooooooooo ooooooooo ng text
</div>
</td>
</tr>
</table>

CSS:

table tr td {
border:1px solid;
max-width:2em;
overflow:hidden;
white-space:nowrap;
}

div {
width: 2em;
}

在 IE8、Chrome 和 Firefox 中运行良好。

关于html - IE9 中的 td 最大宽度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14564001/

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