visibility属性用来确定元素是显示还是隐藏,这用visibility="visible|hidden"来表示,visible表示显示,hidden表示隐藏。当visibility被设置为"hidden"的时候,元素虽然被隐藏了,但它仍然占据它原来所在的位置。
而display实际上是设置元素的浮动特征,设置none 后相当于隐藏而且不占位。
简单来说两个都隐藏一个会占据原来的元素位置留下空白
,一个不会
p标记原来是块元素,现在将段落设置成内联元素
内联元素display:inline的二个段落时不会换行(需要理解什么是块元素什么是内联元素以及他们的区别)
用visablity:visble or visablity:hidden 来使元素可见和不可见
这段将要显示,下面的一段将要隐藏,但是还会占用一行(而display:none不会占用一个隐藏行,这就是二者最大的区别)
这段被隐藏
上段被隐藏
如何使表格元素叠加?
Admous | john |
Bush | George |
Vue实践-CSS样式position/display/float属性对比使用