fieldSet宽度效果测试代码（ie9下fieldset宽度固定没有随内容的增宽而增宽）

最新推荐文章于 2020-07-10 10:24:03 发布

原创最新推荐文章于 2020-07-10 10:24:03 发布 · 284 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #ViewUI

css 专栏收录该内容

5 篇文章

订阅专栏

本文探讨了在IE9浏览器中遇到的一个特定的网页布局问题：fieldset元素未能根据其内容自动调整宽度。通过一个示例代码片段展示了如何使用JavaScript设置表格布局为fixed，以解决该问题。

<html>
<head>
<script type="text/javascript">
function setFixedTableLayout()
{
document.getElementById('myTable').style.tableLayout="fixed";
}
</script>
</head>
<body>
<fieldSet>
<legend>
adkhfakjdkfaaaaaaaaaaaaaaaaaaaaaaaaaaaa
</legend>
<table id="myTable" border="1" width="200%">
<col width="20%"><col width="40%"><col width="40%">
<tr>
<td>1000000000000000000000000000</td>
<td>10000000</td>
<td>100</td>
</tr>
</table>
</fieldSet>

<input type="button" onclick="setFixedTableLayout()" value="Set fixed table layout">

</body>
</html>

ie6 ：ok

ie： 7

ie8：

ie9下fieldset宽度固定没有随内容的增宽而增宽）

http://www.w3school.com.cn/tiy/t.asp?f=hdom_style_tablelayout