CSS中的overflow
屬性指定當一個元素的內容超出其框時應該發生什么。這個屬性可以取以下幾個值:
.overflow-auto { overflow: auto; /*自動顯示滾動條*/ } .overflow-hidden { overflow: hidden; /*隱藏超出的內容*/ } .overflow-visible { overflow: visible; /*超出框的內容可見*/ } .overflow-scroll { overflow: scroll; /*強制顯示滾動條*/ }
overflow:auto
的屬性值會根據內容來自動顯示或隱藏滾動條。如果內容超出了框的大小,元素會自動顯示出一個垂直滾動條,讓你可以滾動查看剩余的內容。如果內容不足以超出容器的大小,則不會有滾動條。
overflow:hidden
的屬性值將隱藏超出框的內容。具體來說,超出元素的邊界的任何內容都將被裁剪,并且不會顯示。因此,如果你的元素的邊框大小小于其內容的高度,則剩余的內容將被隱藏。
overflow:visible
的屬性值是默認值,表示超出元素的內容會顯示在元素外面。這種情況下,無論框的大小和內容是否一致,所有內容都會被顯示。
overflow:scroll
的屬性值也會自動顯示一個滾動條,但與auto
不同的是,即使內容不足以超出容器的大小,也將始終顯示滾動條。這個屬性的主要優點是,不管內容的真實大小如何,一定會有一個滾動條可以滾動查看全部內容。
下一篇php id安全