列表类型样式

我在这里面对一个非常混乱的事情。列表类型样式

的CSS

ul { 
    list-style: none; 
    padding: 1em 0; 
    margin: 0; 
} 
li { 
    padding: 1em; 
    display: inline; 
} 
li a { 
    text-decoration: none; 
} 
.normalized-list{ 
    list-style-type: disc; 
    list-style-image: none; 
    list-style-position: inside; 
    padding: 1em 1em; 

} 
.normalized-list li{ 
    display: block; 
    padding: 0.5em; 
}

HTML

<ul class="normalized-list"> 
<li>...</li> 
</ul>

可悲没有子弹示了在li元素。其实我不知道为什么。

来源

2010-02-23 onigunn

display: list-item;

不是block。

来源

2010-02-23 09:22:24 poke

这样做！感谢戳 – onigunn 2010-02-23 09:33:52

好的一个！它很好地解释了例如w3schools，但你必须先阅读它:)（http://www.w3schools.com/css/pr_class_display.asp）：“该元素将生成一个块框，并为列表标记” – xtofl 2010-02-23 11:07:03

+内联框这个，总是有好的背景资讯。 – onigunn 2010-02-23 12:11:35

也许是因为你在里面显示它而不在元素外面。所以它不可见。

.normalized-list{ 
list-style-type: disc; 
list-style-image: none; 
list-style-position: outside; 
}

你测试过它在多个浏览器？请尝试使用Firefox与Firebug扩展，看看是否继承工作，它应该

来源

2010-02-23 09:05:07

我在Chrome，IE和FF上测试过它。我尝试了几个职位。没有任何反应 – onigunn 2010-02-23 09:11:18

嗯，一些浏览器都相当有趣，当谈到这个我会尝试如下

ul 
{ 
    /*set your normal unordered list stuff*/ 
} 

ul#specializedlist 
{ 
    /*set your specialized list stuff*/ 
}

来源

2010-02-23 09:13:19

但正在开发IE8。 Firefox 3.6没有显示子弹。你的期望是什么？

来源

2010-02-23 09:18:32 Kangkan

列表类型样式

回答

相关问题