li清除圆点_li标签的添加圆点

li清除圆点_li标签的添加圆点不管是ul还是ol中的li前面始终有个小圆点,以前没有发现问题,都是直接给ul增加list-style:none;属性,可今天屡试不爽的属性出现问题了,上图通过两张截图可以清晰的看到虽然小圆点去掉了,但是还是占着位置。典型的占着**不**,而且还影响视图效果,怎么办?先看看样式,里面没有margin或者padding这类的东东,然后看看盒模型,果然:从盒模型可以看到ul有个padding,外围有m…

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全家桶1年46,售后保障稳定

不管是ul还是ol中的li前面始终有个小圆点,以前没有发现问题,都是直接给ul增加list-style:none;属性,可今天屡试不爽的属性出现问题了,上图

li清除圆点_li标签的添加圆点

li清除圆点_li标签的添加圆点

通过两张截图可以清晰的看到虽然小圆点去掉了,但是还是占着位置。典型的占着**不**,而且还影响视图效果,怎么办?先看看样式,里面没有margin或者padding这类的东东,然后看看盒模型,果然:

li清除圆点_li标签的添加圆点

从盒模型可以看到ul有个padding,外围有margin,那就把padding去掉试试。

结果显示终于正常了,也没有占位了,完美!!

li清除圆点_li标签的添加圆点

总结:修改属性可能还达不到自己想要的效果,可以多查看CSS样式以及盒模型,很有用的!

————————————————–

附上其他list-style-type的取值

disc   默认值。实心圆

circle   空心圆

square   实心方块

decimal   阿拉伯数字

lower-roman   小写罗马数字

upper-roman   大写罗马数字

lower-alpha   小写英文字母

upper-alpha   大写英文字母

none   不使用项目符号

当然也可以自定义项目符号list-style-type:url();

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/219234.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)
blank

相关推荐

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号