我才12岁 ?

下午在使用tab组件的时候遇到一个问题，就是table的显隐，因为组件默认的恢复显示使用的是display:block;使得恢复显示的table在现代浏览器下脱离了原有的的面貌（仅IE浏览器保持原状），只好在table外再嵌套了一个div以解决问题。

加了display:block;的table在各浏览器下的显示，可以参照这个Demo：http://www.12sui.cn/test/display-0910.html

使用display来控制元素的显隐是比较普遍的，但是问题就在display的模式太多了，而我们经常用恢复显示的就是block，但是这个东东也往往给我们带来了诸多的不便，特别是在组件里，无法预料的元素很多。

解决的办法其实很简单，就是在恢复的时候使用el.style.display=”，我们的目的是去掉none这个属性值，所以使用这个方法可以轻易的去掉这个值，而不改变元素本身的display模式，而且还省了不少字节。。。类似的，对于采用visibility控制显隐的，在恢复的时候也可以采用这种方式，避免把visible拼错了，一不小心拼错了的话在某些浏览器（比如ie）下是不会恢复显示的，我总记不住这个单词。。。所以我都是设置为空。。。

可能在我们要做折叠的时候首先想到的应该是 display:none;，但是，这个并不是在每一个地方使用起来都那么方便的。

在做 CSSer 首页中间模块折叠的时候，我也曾想过去使用 display:none; 来实现效果，但是，倘若那样子的话，我首先需要知道现在展开的模块是哪个，然后去为其设置 display 属性，或者直接循环一下，让所有 div 的 display 的属性都为 none，然后当我展开的时候我还需要根据当前的标签状态去决定让哪个 div 去显示出来，相对来说，还是挺麻烦的。

继续阅读 »