最近2018中文字幕在日韩欧美国产成人片_国产日韩精品一区二区在线_在线观看成年美女黄网色视频_国产精品一区三区五区_国产精彩刺激乱对白_看黄色黄大色黄片免费_人人超碰自拍cao_国产高清av在线_亚洲精品电影av_日韩美女尤物视频网站

采用CSS實(shí)現(xiàn)元素隱藏的方法有很多種，比如定位到屏幕之外、透明度變換等。而常見的兩種方式是將元素設(shè)置為display:none或者visibility:hidden。

元素樣式設(shè)置為display:none

當(dāng)元素樣式設(shè)置為display：none時(shí)，則該元素和它的子元素都會(huì)隱藏，不占據(jù)文檔流（就是元素原本占據(jù)的空間會(huì)釋放出來）。

給元素樣式設(shè)置display:none
A
B
C

樣式設(shè)置為

.a,.b,.c{
  width:50px;
  height:50px;
  text-align:center;
  background:blue;
  margin-top:5px;
  line-height:50px;
  color:red;
}

效果如：

圖片

添加display:none后效果如下：

圖片

B原本占據(jù)的空間會(huì)釋放出來。

display的其他常見屬性值及說明

屬性值	說明
block	元素轉(zhuǎn)化為塊級(jí)元素顯示
inline	元素轉(zhuǎn)化為行內(nèi)元素顯示
inline-block	自身元素轉(zhuǎn)化為行內(nèi)元素，相鄰的行內(nèi)元素顯示在一行，但其子元素為塊級(jí)元素顯示

元素樣式設(shè)置為：visibility:hidden

visibility:hidden也可以將元素隱藏，但是依然顯示著元素所占據(jù)的空間。如：

給元素樣式設(shè)置visibility:none
A
B
C

css樣式：

.a,.b,.c{
  width:50px;
  height:50px;
  text-align:center;
  background:blue;
  margin-top:5px;
  line-height:50px;
  color:red;
}
.b{
  visibility:hidden;
}

效果如下：

圖片

visibility的其他屬性值：

屬性值	說明
inherit	繼承父元素的visibility屬性設(shè)置
visible	默認(rèn)值

文章題目：Display和Visibility的區(qū)別，你了解了嗎？
分享URL：http://m.fisionsoft.com.cn/article/cdggepd.html