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:center上说link，则列会自动居中，但我需要列内的链接保持左对齐;

jsfiddle是here

Answer 1

使用text-indent:36%;执行此操作。：）

text-indent: 36%;

fiddle here

如何使多列内容保持居中，使列保持左对齐

1 个答案: