<!doctype html>
<html>
<head>
<meta charset=""utf-8"">
<style>
.title {background-color:#ccc;width: 150px}
</style>
</head>
<body>
<table style=""width:600px"">
<tr>
<td class=""title"">哈哈</td>
<td>aa</td>
<td class=""title"">大都会</td>
<td>bb</td>
</tr>
<tr>
<td class=""title"">adad</td>
<td colspan=""3"">alkjd阿拉快的拉拉alkjd阿拉快的拉拉alkjd阿拉快的拉拉alkjd阿拉快的拉拉alkjd阿拉快的拉拉alkjd阿拉快的拉拉alkjd阿拉快的拉拉alkjd阿拉快的拉拉alkjd阿拉快的拉拉alkjd阿拉快的拉拉alkjd阿拉快的拉拉alkjd阿拉快的拉拉alkjd阿拉快的拉拉alkjd阿拉快的拉拉alkjd阿拉快的拉拉alkjd阿拉快的拉拉alkjd阿拉快的拉拉alkjd阿拉快的拉拉alkjd阿拉快的拉拉alkjd阿拉快的拉拉alkjd阿拉快的拉拉alkjd阿拉快的拉拉alkjd阿拉快的拉拉alkjd阿拉快的拉拉alkjd阿拉快的拉拉alkjd阿拉快的拉拉alkjd阿拉快的拉拉alkjd阿拉快的拉拉alkjd阿拉快的拉拉alkjd阿拉快的拉拉alkjd阿拉快的拉拉alkjd阿拉快的拉拉</td>
</tr>
</table>
</body>
</html>
此种景象下 在ie7、ie8下 第一行的 3列会被明显撑大,并未能按样式宽度(width: 150px) 显示
解决规划:
1、写死每列宽度
2、把 width:150px 批改成 width:20% 用百分比
本文介绍了一个在IE7、IE8浏览器中遇到的表格布局问题,即第一行的某些列宽度被异常撑大的现象。文章提出了两种解决方案:一是直接设置每列的具体宽度;二是将宽度单位从像素更改为百分比。
265

被折叠的 条评论
为什么被折叠?



