有序列表编号样式位置

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/