2016-02-29 78 views
1

我有三列,左對齊,並且需要所有的距離是相同的:
- 關於父左右的距離 - 列
之間的距離。如何中心多列的內容保持左對齊列

<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

回答

0

使用text-indent:36%;做到這一點。 :)

text-indent: 36%; 

fiddle here