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