`
zhouchaofei2010
  • 浏览: 1085940 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

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

    博客分类:
  • css
 
阅读更多
<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

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics