html - 如何居中列组

Question

<div id="linksbwrap">
<a class="linkb" href="">Lorem ipsum Lorem ipsum</a><br>
<a class="linkb" href="">Lorem ipsum Lorem</a><br>
<a class="linkb" href="">Lorem ipsum Lorem ipsum</a><br>
<a class="linkb" href="">Lorem ipsum Lorem</a><br>
...
</div>

CSS

#linksbwrap{
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
}

如何设置第一列的左边距与最后一列的右边距相同？

并保持列内的链接左对齐。

我试过:

 #linksbwrap{
        text-align:center;
    }

但在这种情况下，列内的链接本身也居中。

Answer 1

尝试固定宽度并保持在中心位置。这样它就会给你像左右边距一样的结果。

#linksbwrap{
 -webkit-column-count: 4;
 -moz-column-count: 4;
 column-count: 4;
 margin:0px auto;
 width:80%;
}

DEMO