list-style-type 为什么总失效？

（一）list-style-type常用方法：

 

list-style属性一般都设置为none 。需要加 "·" 或是别的符号  最好直接用键盘输入 或用转义符号
ul{list-style:none; margin:0; padding:0}
ui li{line-height:Npx; } 一般是20px;

只要这样设置， 基本都不会有问题。

 

一般CSS 里都把Li{list-style:none;}

需要使用的时候,再单独定义li{background:url(…);}

 

（二）探讨list-style-type 为什么总失效？

关键是应用了float:left;属性,还有 list-style-position: outside; 属性造成的。原因如下：

1. 左浮动会使盒模型一个挨一个横向排练
2. 列表符号的位置在盒模型之外
3. 所以第二个列表项的符号被第一个列表项盖住

 

解决办法：
[code="css"]
li {
  list-style-position: inside;
}
[/code]