CSS3中提供了許多的新特性,其中column-overflow屬性是其中的一個。
該屬性控制當在多列布局中出現(xiàn)內(nèi)容溢出時的處理方式。
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur varius metus libero, a dapibus ipsum congue at. Maecenas fermentum euismod malesuada. Duis quis felis ac lectus interdum lobortis. Cras sed velit eu nulla ultrices semper. Sed at maximus ipsum.
Nullam nec diam dui. Vestibulum ac massa vitae enim maximus vestibulum. Aliquam id elit sed enim efficitur tempus. Nulla facilisi. Aenean imperdiet lorem sed dolor fermentum, eget vestibulum tellus luctus.
Donec tempus lobortis mauris nec interdum. Mauris in eros lectus. Aenean finibus sem sit amet quam volutpat, ac mollis justo interdum. Nam in tincidunt leo, quis aliquam est. Fusce quis tortor at ante porttitor malesuada ac at mauris.
通過上述代碼,我們設置了一個三列布局,并將溢出內(nèi)容的處理方式設置為可視化。
運行代碼后,我們可以看到當內(nèi)容溢出時,它將被截斷,但仍會顯示在頁面上。
如果我們將column-overflow設置為hidden,那么溢出的內(nèi)容將會被隱藏。
現(xiàn)在,我們已經(jīng)了解了column-overflow屬性的基本用法。希望這篇文章對您有所幫助。