关于css中display的none、inline、block和visibility的visible、hidden
:
2008/07/18 .. by 风の雪
2008/07/18 .. by 风の雪
这两天,研究css的时候,忽然发现了一个问题,就是display:inline、display:block、display:inline-block与display:none、visibility:hidden之间的一些区别。
总的来说,基本上所有的浏览器都支持display:none、display:inline、display:block和visibility:visible、visibility:hidden等几个样式。他们之间有什么不一样呢?
带有display:none样式的元素和带有visibility:hidden样式的元素在页面上的表现都一样,都是看不到的。但带有display:none样式的元素,是不占地方的,而带有visibility:hidden样式的元素却会占地方。参考一下下面的例子就知道了:
总的来说,基本上所有的浏览器都支持display:none、display:inline、display:block和visibility:visible、visibility:hidden等几个样式。他们之间有什么不一样呢?
带有display:none样式的元素和带有visibility:hidden样式的元素在页面上的表现都一样,都是看不到的。但带有display:none样式的元素,是不占地方的,而带有visibility:hidden样式的元素却会占地方。参考一下下面的例子就知道了:



2008/07/18 .. by 






