在列表项中垂直和水平居中对齐

Question

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

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

我已将跨度设置为vertical-align to middle，并将列表项text-align设置为center，但这没有帮助。

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

任何人都知道如何把这个放在中心位置？

Answer 1

要在中心对齐您的范围，请将以下内容添加到css：

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

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

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