码迷,mamicode.com
首页 > 其他好文 > 详细

解决list-style-type属性失效

时间:2018-03-02 20:53:53      阅读:168      评论:0      收藏:0      [点我收藏+]

标签:osi   type属性   list   第一个   log   模型   style   位置   如何   

有的时候我们在网页中对li标签设置了它的css属性,比如list-style-type:disc;然而我们的网页前端呈现结果中却看不到我们的效果,但是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即可。

解决list-style-type属性失效

标签:osi   type属性   list   第一个   log   模型   style   位置   如何   

原文地址:https://www.cnblogs.com/studyh5/p/8494518.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!