在我們平常佈局網站的時候,想要把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隱藏?隱藏div方法的全部介紹,如果你想了解更多有關CSS3教程,請關注php中文網。
以上是css如何讓div隱藏? css隱藏div方法的詳細內容。更多資訊請關注PHP中文網其他相關文章!