實現css兩端對齊，這樣就行

要實現css兩端對齊，我在網上找了很多方法，都不怎麼實用，都是兼容性鬧得，column是css3的屬性，是多列布局，使用column來實現兩端對齊簡單實用，就要設置下模塊的個數跟column的列數一致就行，先看它的的3個屬性：

1.column-count 屬性規定元素應該被分隔的列數

2.column-gap 屬性規定列之間的間隔

2.column-rule 屬性設置列之間的寬度、樣式和顏色規則。

CSS3 多列屬性的兼容性：Internet Explorer 10 和 Opera 支持多列屬性，Firefox 需要前綴 -moz-，Chrome 和 Safari 需要前綴 -webkit-，特別注意：Internet Explorer 9 以及更早的版本不支持多列屬性。

實現css兩端對齊的例子：用column-count定義對象的列數,例子中有4個p（即4個模塊），那麼就定義為4列，再用column-gap定義了對象中列與列的間距，間距不能設置為百分比，但是隻能用px，具體的看下面的代碼：