li款式无法显示应用overflow:hidden致使Li前面点、圈

日期:2021-01-20 类型:科技新闻 

关键词:怎么把小程序变成二维码,微信小程序怎么开通,微信小程序csdn,小程序开发,网络答题小程序

具体上用了overflow:hidden 会危害 list-style,即当ul 中的li 的overflow 为hidden的情况下, list-style不起功效,无法显示前面的点、圈等款式。

处理方法:在ul或li内添加款式:list-style-position: inside; 便可。留意适度调整padding部位使之最合适。

目录的款式:
disc : CSS1 实心圆
circle :CSS1 空心圆
square :CSS1 实心方块
decimal :  CSS1 阿拉伯数据
lower-roman :  CSS1 小写罗马数据
upper-roman : CSS1 大写罗马数据
lower-alpha : CSS1 小写英文本母
upper-alpha : CSS1 大写英文本母
none : CSS1 不应用新项目标记
armenian : CSS2 传统式的亚美尼亚数据
cjk-ideographic:CSS2 浅白的表意数据
georgian : CSS2 传统式的乔治数据
lower-greek :  CSS2 基本的希腊小写字母
hebrew : CSS2 传统式的希伯莱数据
hiragana : CSS2 日文平假姓名符
hiragana-iroha: CSS2 日文平假名序
katakana : CSS2 日文片假姓名符
katakana-iroha: CSS2 日文片假名编号
lower-latin : CSS2 小写拉丁字母
upper-latin : CSS2 大写拉丁字母
*list-style-image: url(images/disc.gif); 用图象disc.gif替代目录新项目显出
*list-style-position : outside | inside
outside:  目录新项目标识置放在文字之外,且紧紧围绕文字不依据标识对齐
inside :  目录新项目标识置放在文字之内,且紧紧围绕文字依据标识对齐
上一篇:CSS3之边框多色调Border 返回下一篇:没有了