li不显示使用overflow:hidden导致Li前面点、圈等样式不见

 　　点评：用了overflow:hidden 会影响 list-style，即当ul 中的li 的overflow 为hidden的时候，list-style不起作用，不显示前面的点、圈等样式，在ul或li内加入样式：list-style-position: inside; 即可

　　实际上用了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 : 　列表项目标记放置在文本以内，且围绕文本根据标记对齐

收藏此文 赞一下！() 打赏本站

如本文对您有帮助，就请建站学习网抽根烟吧！

支付宝打赏
微信打赏