有的时候我们在网页中对li标签设置了它的css属性,
比如list-style-type:disc
;
但是网页前端呈现结果中却看不到效果(li前面一个小圆点),
但是css又显示没错,我们该如何解决?
其实造成这种现象的原因有两种可能,
-
li属性设置了
list-style-position:outside
;
列表符号的位置在盒模型之外,所以第二个列表项的符号被第一个列表项盖住,或者被前面的框架覆盖,所以就看不到效果, -
li元素设置了float:left;属性也会造成LI元素不正常。
解决办法:
-
第一种情况直接修改
list-style-position:outside
;为list-style-position:inside
;
方法二:在list-style-position:outside;的情况下给列表符号留个位置来显示,比如说给li加个属性margin-left:50px; -
第二种情况直接删掉浮动元素float即可。
评论