前端之家收集整理的这篇文章主要介绍了
如何使HTML列表显示没有子弹符号使用CSS?,
前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个
HTML列表.浏览器应该看到列表的存在并相应地排列元素,但是我不希望它在每个元素旁边
显示一个项目符号.也就是说,一个正常的列表如下所示:
我希望我的列表显示如下:
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中正确显示,但不能同时显示
原文链接:https://www.f2er.com/html/224362.html