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

在我們平常佈局網站的時候，想要把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中文網其他相關文章！