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

前端之家收集整理的这篇文章主要介绍了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;
}

猜你在找的CSS相关文章