我有一个清单..
<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; }