解决Td内容为空时不显示边框的问题-兼容IE、firefox、chrome
2011-08-16 15:36
537 查看
创建好table,给table、td等设置好边框后,无意间发现td里没有内容的时候,边框竟然不会显示。开始的时候很懒,就在每个td里都先加一个空格, 然后再把内容加到这个空格后面,这些,就算本身没有内容,但是有了空格,边框就会被显示。
千万不要学习上面这种处理方法及处理态度
遇到问题还是要找直接的解决方法,而不是找空子。上面这种方法虽然解决了问题,但是代码看起来很乱,而且如果你用的表格多了,每个地方都这样,迟早会烦死。
正确的解决方法:
用css来控制,代码如下:
千万不要学习上面这种处理方法及处理态度
遇到问题还是要找直接的解决方法,而不是找空子。上面这种方法虽然解决了问题,但是代码看起来很乱,而且如果你用的表格多了,每个地方都这样,迟早会烦死。
正确的解决方法:
用css来控制,代码如下:
table { border-collapse:collapse; } table td { empty-cells : show; }遇到问题,要找方法,并且还要找合理的方法!
相关文章推荐
- 解决Td内容为空时不显示边框的问题-兼容IE、firefox、chrome
- 解决JS:window.close()在Firefox下的不能关闭的问题,兼容IE/Firefox/Chrome
- 常见浏览器兼容问题及相关解决方法(chrome/IE/firefox)
- JavaScript的常见兼容问题及相关解决方法(chrome/IE/firefox)
- JavaScript的常见兼容问题及相关解决办法chrome IE firefox
- 解决IE,Firefox,chrome,safari浏览器中iframe显示高度自适应问题
- 解决ExtJS在chrome或火狐中正常显示在ie中不显示的浏览器兼容问题
- chrome,FireFox与IE中的不兼容问题以及解决方法——(不断更新)
- 解决IE,Firefox,chrome,safari浏览器中iframe显示高度自适应问题
- 兼容firefox、chrome、ie的wmp网页播放器代码,还有解决WME遮住层的问题
- 解决ExtJS在chrome或火狐中正常显示在ie中不显示的浏览器兼容问题
- span border-top,border-bottom属性在IE不显示解决方法,兼容IE ,Chrome,Firefox
- 老版本IE下td没有内容为空时不显示边框的解决办法
- 往下拖动页面滚动条时,固定住菜单栏(不随其他内容网上滚动,兼容各版本IE、Chrome、Firefox)
- firefox样式表cursor和兼容Ie firefox,解决文字溢出的问题(word-wrap:break-word;word-break:break-all)
- JavaScript js 兼容浏览器问题 兼容FireFox(FF)、IE的解决方法
- JavaScript在IE和Firefox(火狐)的不兼容问题解决方法小结
- JavaScript在IE和Firefox(火狐)的不兼容问题解决方法小结
- WEB前端:浏览器(IE+Chrome+Firefox)常见兼容问题处理--01