css – 如何在内联有序列表中显示数字？

我有一个清单..

<ol>
    <li>Login</li>
    <li>Address</li>
    <li>Shipping</li>
</ol>

它显示十进制数,但是当我设置< li>内嵌或内嵌阻塞,数字消失！我看到其他地方在线提到,我必须确保我有足够的空白和填充..我确信我做(每个10像素).还有其他原因数字可能会消失吗？我知道从firebug,一旦我取消勾选“内联”他们回来了…

css是

ol{
padding: 20px; 
list-style-type:decimal;
}
ol li {
display: inline;
margin: 0 10px;
padding: 0 10px;
}

解决方法

我不知道为什么会发生这种情况,但是它可以通过浮动而不是显示：inline来解决

见http://www.jsfiddle.net/CMKzK/

ol{
padding: 20px; 
    list-style-type:decimal;

}
ol li {
float:left;
margin: 0 10px;
padding: 0 10px;
}

原文地址：https://www.jb51.cc/css/217028.html