解决list-style-type属性失效
作者:飞入蓝天 来源: 十二维网 人气:211 类型: 免费 价格:¥0 所属课程:    
本文档有配套视频,购买本文档或加入该课程后可播放!

允许运行Flash播放器吗?如未安装,请先安装Flash Player(版本: 11.4.0)或更高版本.

有的时候我们在网页中对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即可。

 
本文为付费文档,请购买或加入所属课程查阅全部内容!

评论

正在加载评论...
提交评论

十二维网, 版权所有©2005-2018
电话:15013459492 (宋生)  
Email:wave12@126.com
深圳总部:深圳市福田区八卦四路先科机电大厦6楼
网站备案:粤ICP备10018904号