有序列表編號樣式位置

Question

我有一個訂購清單：

<ol>
    <li></li>
    <li></li>
    <li></li>
</ol>

如何在li項的垂直中心放置數字？

目前他們在頂部。

http://jsfiddle.net/xuZEb/6/

謝謝！

Answer 1

將line-height設置為與您設置的height相同的值（在示例中為50px ）：

ol li {
    height: 50px;
    background:#eee;
    border: 1px solid #DFDFDF;
    line-height: 50px;
}

觀看演示： http : //jsfiddle.net/HcDFY/1/