CSS3的多列布局可以使用column-*屬性來(lái)實(shí)現(xiàn)，這些屬性包括column-count、column-gap、column-rule等。以下是一個(gè)簡(jiǎn)單的多列布局示例：
<div class=“multi-column”> <p>這里是一些文本內(nèi)容，將會(huì)被分布到多列中。</p> <!– 更多內(nèi)容 –> </div>.multi-column { -webkit-column-count: 3; /* Chrome, Safari, Opera / -moz-column-count: 3; / Firefox */ column-count: 3;-webkit-column-gap: 20px; /* Chrome, Safari, Opera / -moz-column-gap: 20px; / Firefox */ column-gap: 20px;
-webkit-column-rule: 1px solid #ccc; /* Chrome, Safari, Opera / -moz-column-rule: 1px solid #ccc; / Firefox */ column-rule: 1px solid #ccc; }