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

前端之家收集整理的这篇文章主要介绍了如何使HTML列表显示没有子弹符号使用CSS?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个 HTML列表.浏览器应该看到列表的存在并相应地排列元素,但是我不希望它在每个元素旁边显示一个项目符号.也就是说,一个正常的列表如下所示:
  • text A
  • text B
  • text C

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

text A
text B
text C

解决方法

ul { list-style: none; }

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

li { padding: 5px 0; }

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

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

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

猜你在找的HTML相关文章