如何中心多列的内容保持左对齐列

Question

我有三列，左对齐，并且需要所有的距离是相同的：
- 关于父左右的距离 - 列
之间的距离。

<div id="linkswrap"> 
<a class="link">123</a> 
<a class="link">1234</a> 
<a class="link">12345</a> 
<a class="link">123456</a> 
<a class="link">1234567</a> 
<a class="link">12345678</a> 
<a class="link">123456789</a> 
</div> 

CSS

#linkswrap{ 
    -webkit-column-count: 3; 
    -moz-column-count: 3; 
    column-count: 3; 
    text-align:center; 
    background:green; 
} 
.link{ 
    display:block; 
    text-align:left; 
    color:#ffffff; 
} 

我text-align:center试过linkswrap - 不起作用。

此外，如果我说text-align:centerlink列变得居中，但我需要列内的链接保持左对齐;

的jsfiddle是here

Answer 1

使用text-indent:36%;做到这一点。 :)

text-indent: 36%; 

fiddle here