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:center
link
列變得居中,但我需要列內的鏈接保持左對齊;
的jsfiddle是here