[英]how to center multicolumn content keeping columns aligned left
I have three columns, aligned left, and need all distances to be the same: 我有三列,左对齐,并且需要所有距离都相同:
- distances between columns -列之间的距离
- left-right distances regarding the parent. -关于父母的左右距离。
<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 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;
}
I tried with text-align:center
on linkswrap
- doesn't work. 我尝试在
linkswrap
上使用text-align:center
linkswrap
不起作用。
Also, if I say text-align:center
on link
the columns become centered itself, but I need links inside columns to stay aligned left; 另外,如果我说
text-align:center
on link
各列本身将居中,但是我需要各列内的链接保持左对齐;
Use text-indent:36%;
使用
text-indent:36%;
to do this. 去做这个。 :)
:)
text-indent: 36%;
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.