【发布时间】:2013-11-09 11:37:14
【问题描述】:
我在列表项中将跨度水平和垂直居中时遇到问题。它只是粘在左上角。这是我的标记:
<ul id="folders">
<li class="add"><span></span></li>
</ul>
我已将跨度设置为垂直对齐到中间,并将列表项文本对齐设置为居中,但这没有帮助。
我在这里创建了一个 jsfiddle:http://jsfiddle.net/Qfars/
有谁知道我怎样才能把它居中?
【问题讨论】:
我在列表项中将跨度水平和垂直居中时遇到问题。它只是粘在左上角。这是我的标记:
<ul id="folders">
<li class="add"><span></span></li>
</ul>
我已将跨度设置为垂直对齐到中间,并将列表项文本对齐设置为居中,但这没有帮助。
我在这里创建了一个 jsfiddle:http://jsfiddle.net/Qfars/
有谁知道我怎样才能把它居中?
【问题讨论】:
要在中心对齐跨度,请将以下内容添加到 css:
margin-left:auto;
margin-right:auto;
vertical-align 无法按预期工作。它只会在表格中以这种方式工作。
Here关于垂直对齐的更多信息,以及如何解决垂直对齐问题。
【讨论】: