ie7、ie8下Table中td列固定宽度未按样式设定显示曲线解决方案_html/css
来源：动视网
责编：小采
时间：2020-11-27 15:40:22
ie7、ie8下Table中td列固定宽度未按样式设定显示曲线解决方案_html/css
ie7、ie8下Table中td列固定宽度未按样式设定显示曲线解决方案_html/css_WEB-ITnose: 1 2 3 4 5 6 .title {background-color:#ccc;width: 150px} 7 8 9 10 11 12 哈哈13 aa14 大都市15 bb16 17 18 adad19 alkjd阿拉快的拉拉alkjd阿拉快的拉拉alkjd阿拉快的拉拉alkjd阿拉快的拉拉alkjd阿拉快的拉拉alkjd阿拉快
导读ie7、ie8下Table中td列固定宽度未按样式设定显示曲线解决方案_html/css_WEB-ITnose: 1 2 3 4 5 6 .title {background-color:#ccc;width: 150px} 7 8 9 10 11 12 哈哈13 aa14 大都市15 bb16 17 18 adad19 alkjd阿拉快的拉拉alkjd阿拉快的拉拉alkjd阿拉快的拉拉alkjd阿拉快的拉拉alkjd阿拉快的拉拉alkjd阿拉快
1 2 3 4 5 8 9 10
11 12 | 哈哈 | 13 aa | 14 大都市 | 15 bb | 16
17 18 | adad | 19 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阿拉快的拉拉 | 20
21
22 23
View Code
此种情况下 在ie7、ie8下 第一行的 3列会被明显撑大，并未能按样式宽度（width: 150px) 显示
解决方案：
1、写死每列宽度
2、把 width:150px 修改成 width:20% 用百分比
ie7、ie8下Table中td列固定宽度未按样式设定显示曲线解决方案_html/css
ie7、ie8下Table中td列固定宽度未按样式设定显示曲线解决方案_html/css_WEB-ITnose: 1 2 3 4 5 6 .title {background-color:#ccc;width: 150px} 7 8 9 10 11 12 哈哈13 aa14 大都市15 bb16 17 18 adad19 alkjd阿拉快的拉拉alkjd阿拉快的拉拉alkjd阿拉快的拉拉alkjd阿拉快的拉拉alkjd阿拉快的拉拉alkjd阿拉快
