html - 在列表项中垂直和水平居中跨度

Question

我在列表项中水平和垂直居中跨度时遇到问题。它只是粘在左上角。这是我的标记：

<ul id="folders">
    <li class="add"><span></span></li>
</ul>

我已将跨度设置为垂直对齐到中间，并将列表项文本对齐设置为居中，但这没有帮助。

我在这里创建了一个 jsfiddle：http: //jsfiddle.net/Qfars/

任何人都知道我怎样才能把这个居中？

Answer 1

要在中心对齐跨度，请将以下内容添加到 css：

margin-left:auto;
margin-right:auto;

vertical-align 无法按预期工作。它只会在表格中以这种方式工作。

这是有关垂直对齐的更多信息，以及如何解决垂直对齐问题。