在css程式碼中有一組屬性如下：

-webkit-column-count: 2; // Chrome, Safari, Opera
-moz-column-count: 2; // Firefox
column-count: 2;
-webkit-column-gap: 4%; // Chrome, Safari, Opera
-moz-column-gap: 4%; // Firefox
column-gap: 4%;
-webkit-column-break-inside: avoid; // Chrome, Safari, Opera
page-break-inside: avoid; // Firefox
 

break-inside: avoid; // IE 10+
-webkit-column-rule: 4px outset #ff00ff; /* Chrome, Safari, Opera */
-moz-column-rule: 4px outset #ff00ff; /* Firefox */
column-rule: 4px outset #ff00ff;

如果現在有一個div叫example，他的css程式碼中有以上程式碼，其中column-count將div分成幾組，這裡是2組，column-gap是每組之間的距離，這裡是div寬的4%，column-break-inside是在每一組中需不需要強制截斷，這裡是不需要，colum-rule是中間的間隔線，這裡是粉色，寬4px。

這裡只是一個參考思路，當然還可以用bootstrap，如果想要更深入瞭解，可以在w3schools上詳細瞭解這幾個屬性。