CSS中的div是用于劃分網頁布局的標簽,而有時候我們希望多個div并排顯示,而不希望它們換行,這時候可以使用CSS來實現。
.div-inline { display: inline-block; }
以上代碼是讓
顯示為行內塊元素,這樣它就不會自動換行了。如果有多個需要并排顯示的div,可以為它們添加相同的類名,然后使用CSS來實現。上面的代碼就是三個并排顯示的div,它們不會自動換行。如果要使它們在一行內居中,可以在它們的父元素上添加以下樣式。
.parent { text-align: center; }
以上代碼是讓.parent中的所有內容居中對齊,包括子元素。這樣就可以實現多個div并排居中顯示的效果了。
上一篇css div 鼠標
下一篇css div不被覆蓋