這篇文章主要為大家展示了“css中如何使用column實(shí)現(xiàn)兩端對齊”，內(nèi)容簡而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領(lǐng)大家一起研究并學(xué)習(xí)一下“css中如何使用column實(shí)現(xiàn)兩端對齊”這篇文章吧。

使用column(多列布局)

/*
說明：
1.column-count定義了對象的列數(shù)
2.column-gap定義了對象中列與列的間距

*/

父類容器css:

.content{
-webkit-column-count:2;
-moz-column-count:4;
column-count:4;
-webkit-column-gap:20px;
-moz-column-gap:20px;
column-gap:20px;
}

且子類必須是block元素

總結(jié)

以上是生活随笔為你收集整理的css中如何使用column实现两端对齐的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。