如何隱藏DIV對象

DIV對象在網頁裏面,至關於一個容器,在其內部,能夠顯示文字、圖片、視頻控件等等。css

  如下的教程,和你們一塊兒來學習,如何隱藏DIV對象。html

  這必須使用CSS來控制,才能達到隱藏的目的,那麼,就得使用CSS裏面的兩個屬性,即display和visibility瀏覽器

  css中display和visibility語法屬性分別以下:學習

  ①display:nonespa

  時隱藏該html元素,確切的說,是在瀏覽器中消除該元素,不佔屏幕的空間。若其下有其餘元素,就會上移到該空間區域。視頻

  舉例:htm

  div style="display:none" align="center"><這裏就是內容了,得已被隱藏……</div>對象

  ②dispaly:block教程

  顯示已經隱藏的html元素,若是別的元素佔有了該空間時,他將下移,空間從新被原來的元素佔有。圖片

  舉例:

  div style="display:block" align="center"><這裏就是內容了,得已被隱藏……</div>

  ③visibility:hidden|visible

  visibility:hidden;隱藏該元素,真正的隱藏,但他還佔有那塊空間。

  visibility:visible;讓元素顯示。

  舉例:

  div style="visibility:hidden" align="center"><這裏就是內容了,得已被隱藏……</div>

  div style="visibility:visible" align="center"><這裏就是內容了,得已被隱藏……</div>

相關文章
相關標籤/搜索