在列表項中垂直和水平居中跨度

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; 

垂直對齊不起作用。它只會在一張桌子上以這種方式工作。

Here關於vertical-align的更多信息，以及如何解決垂直對齊問題。