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

使用column(多列布局)

/*
說明：
1.column-count定義了對象的列數
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元素

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。