在列表项中垂直和水平居中放置跨度

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;

垂直对齐无法正常工作。 它将仅在表中以这种方式工作。

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