IE浏览器TD设置宽度无效简单解决办法,TD固定宽度
- 作者:网页模板
- 类型:图文教程
- 点击次数:
- 发布时间:2014-03-19 15:07
虽然表格布局渐渐的落后,被人遗忘。但是他那无可比拟的兼容性级其他一些优点将令其不会再网页布局这块很快退出历史舞台。
模板网今天再给客户做网站时,发现TD设置宽度无效。布局很简单,就是一行tr,中间套了大概五个td,也就是一行五列。第一列、第三列、第五列都有内容,第二列和第四列只有宽度,里面什么内容都没有。在火狐、谷歌浏览器浏览正常,但是到了IE浏览器,发现第四列和第二列实际宽度比为0,儿有内容的三列实际宽度比设置的要宽。解决办法是,在空TD里面加 ,也就是空格,加多个就可以撑开。但是这样还不够,如果加的多了,IE会自动换行,以保证刚好宽度为设置的宽度,但是火狐会撑开,变形。于是,想到了IE注释,代码如下:
(责任编辑:网页模板)
模板网今天再给客户做网站时,发现TD设置宽度无效。布局很简单,就是一行tr,中间套了大概五个td,也就是一行五列。第一列、第三列、第五列都有内容,第二列和第四列只有宽度,里面什么内容都没有。在火狐、谷歌浏览器浏览正常,但是到了IE浏览器,发现第四列和第二列实际宽度比为0,儿有内容的三列实际宽度比设置的要宽。解决办法是,在空TD里面加 ,也就是空格,加多个就可以撑开。但是这样还不够,如果加的多了,IE会自动换行,以保证刚好宽度为设置的宽度,但是火狐会撑开,变形。于是,想到了IE注释,代码如下:
<!--[if IE]> <![endif]-->这样,在火狐、谷歌和IE浏览器,TD的设置宽度和实际宽度就一样了。当然,这是笨办法,可能能够解决一些类似的问题。最好解决办法还是换成div布局。
(责任编辑:网页模板)
- 本文标签:
- TD宽度无效,TD固定宽度