模板网今天再给客户做网站时,发现TD设置宽度无效。布局很简单,就是一行tr,中间套了大概五个td,也就是一行五列。第一列、第三列、第五列都有内容,第二列和第四列只有宽度,里面什么内容都没有。在火狐、谷歌浏览器浏览正常,但是到了IE浏览器,发现第四列和第二列实际宽度比为0,儿有内容的三列实际宽度比设置的要宽。解决办法是,在空TD里面加 ,也就是空格,加多个就可以撑开。但是这样还不够,如果加的多了,IE会自动换行,以保证刚好宽度为设置的宽度,但是火狐会撑开,变形。于是,想到了IE注释,代码如下:
<!--[if IE]> <![endif]-->这样,在火狐、谷歌和IE浏览器,TD的设置宽度和实际宽度就一样了。当然,这是笨办法,可能能够解决一些类似的问题。最好解决办法还是换成div布局。