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

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 并不像您期望的那样工作。它只会在表格中以这种方式工作。

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