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

<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

你可能感兴趣的:(fieldSet宽度效果测试代码(ie9下fieldset宽度固定没有随内容的增宽而增宽))