首頁 > web前端 > css教學 > css如何讓div隱藏? css隱藏div方法

css如何讓div隱藏? css隱藏div方法

云罗郡主
發布: 2018-11-21 13:53:44
原創
13126 人瀏覽過

在我們平常佈局網站的時候,想要把div隱藏,但是很多人不知道css控制div顯示隱藏?下面我們來講解一下css如何讓div隱藏。

一:網頁內容的隱藏

我們可以使用display:none屬性來隱藏所有的訊息,包括文字和圖片,語法為:

<div style="display:none;">这里你是看不到的</div>
登入後複製

當我們使用div中的css樣式,我們就可以使用display:none屬性對內容進行隱藏,並且透過瀏覽器也是看不到的,同時被隱藏的內容是不被佔用空間的,隱藏之後的內容搜尋引擎是不讀取的,一般我們都是用使用js統計程式去隱藏顯示的圖示。

二:隱藏溢出的文字或圖片

隱藏溢出的文字或圖片我們可以使用overflow:hidden屬性,首先我們要為要內容設定一個寬高,然後使用overflow: hidden樣式對超出的部分進行設置,就是發現,溢出的部分就不顯示了。程式碼如下:

我是可以看见的<br/><br/> 
<div style="overflow: hidden; width:30px; height:20px;">你是看不见我的。</div> 
<br/> 
同样我也是可以看见的
登入後複製

效果如下:

css如何讓div隱藏? css隱藏div方法

以上就是對css如何讓div隱藏?隱藏div方法的全部介紹,如果你想了解更多有關CSS3教程,請關注php中文網。


以上是css如何讓div隱藏? css隱藏div方法的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板