gpt4 book ai didi

html - 如何在IE9兼容模式下使列宽适合其内容?

转载 作者:行者123 更新时间:2023-11-28 13:39:27 25 4
gpt4 key购买 nike

我的 HTML 中有下表。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<style type="text/css">
table, td, tr, th{
border:1px;
}

.onepx{
width:1px;
}
</style>


<div style="max-width:700px;">
<table>
<tr><td colspan="2">this is a loooooooooooooooong text</td></tr>
<tr><td class="onepx">a:</td><td>b</td></tr>
<tr><td class="onepx">c:</td><td>d</td></tr>
</table>
<div>

我希望第二行和第三行的第一列宽度刚好适合内容长度(这就是我将 width="1px"放在那里的原因)。同时,我希望表格宽度刚好适合表格中最长内容的长度(即第一行),而不是跨越其边界 div 的最大宽度。

它在 Firefox 和 IE9 中工作,兼容模式关闭,如下所示。

firefox

但是,在 IE 9 兼容模式下,它无法按预期工作,如图所示。

ie compatibility mode

由于某些原因,我无法关闭 IE9 中的兼容模式。那么有没有一种方法可以像在兼容模式下那样设置表格的样式?

提前致谢。

附言。我问了一个类似的问题,但没有强调 IE9 兼容模式。这个问题是在得到上一个问题的信息后提出来的。我不确定是否应该将这个问题合并到上一个问题中,因为有新的要求。如果有任何建议,请告诉我。

最佳答案

因此,看看您提供的内容,如果您的文件中是这样设置的,那么您就是在严格模式下工作并且缺少开头和 .

至于更改IE9模式,选择F12即可更改浏览器和文档模式。

此外,不要忘记添加 <meta http-equiv="X-UA-Compatible" content="IE=9" >到你的头上。

表格样式应移至 CSS。

你也可以试试:

表:

<table class="fixed">
<col width="10px" />
<tr>
<td>text</td>
</tr>
</table>

CSS:

table.fixed { table-layout: fixed; }
table.fixed td { overflow: hidden; }

关于html - 如何在IE9兼容模式下使列宽适合其内容?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8306114/

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