如何使HTML列表显示没有子d符号使用CSS?

如何使HTML列表显示没有子d符号使用CSS?,第1张

概述我有一个 HTML列表.浏览器应该看到列表的存在并相应地排列元素,但是我不希望它在每个元素旁边显示一个项目符号.也就是说,一个正常的列表如下所示: text A text B text C 我希望我的列表显示如下: text A text B text C ul { list-style: none; } 这摆脱了子d点.现在,您可以继续分配样式,使其像您的示例中那样放置,如果这是您真正想要的: 我有一个 HTML列表.浏览器应该看到列表的存在并相应地排列元素,但是我不希望它在每个元素旁边显示一个项目符号.也就是说,一个正常的列表如下所示:
text A text B text C

我希望我的列表显示如下:

text A
text B
text C

解决方法
ul { List-style: none; }

这摆脱了子d点.现在,您可以继续分配样式,使其像您的示例中那样放置,如果这是您真正想要的:

li { padding: 5px 0; }

如果您也不想在删除子d后缩进列表,则需要另外一点,如下所示:

ul {   List-style: none;   margin: 0;   padding: 0;}

如果您不设置边距和填充为0,则它​​将在FF或IE中正确显示,但不能同时显示

总结

以上是内存溢出为你收集整理的如何使HTML列表显示没有子d符号使用CSS?全部内容,希望文章能够帮你解决如何使HTML列表显示没有子d符号使用CSS?所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1143317.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-31
下一篇 2022-05-31

发表评论

登录后才能评论

评论列表(0条)

保存