当用谷歌浏览器时,在将表格table中的<tr>的display属性从none改成block时,或出现全部的td都不起做用,内容都集中在第一列里,而后在网上百度了一下,一下事缘由分析和解决方法浏览器
一、当表格为多列的状况下,属性为"display:block"行的内容宽度仅与第一列宽度相同,也就是说不管你使colspan的属性值为多少,剩余列的空间都不进行解析。
二、同一行反复的在"display:none;"与"display:block;"两个状态间切换时,表格的底部会持续的产生多余的空白空间以致于形成页面布局的扭曲。
解决方法:
一、用display:table-row属性来调试,发现者FireFox下正常了,但IE是不支持改属性的,怎么办呢?用JS来作判断,而后作兼容吧。
二、另一个很简单也很可行的方法,就是用 display:' ' 这个属性dispaly后面不加任何的东西,很奇怪,这样就兼容了Firefox和IE了。具体缘由有待牛人分析。布局