32

我已使用删除列表中的项目符号

ul li { list-style: none; }

但我仍然在列表上得到一个缩进，就好像子弹在那里一样。

在此处输入图像描述

我需要图像中的列表项完全居中。

4

4 回答 4

46

浏览器提供附加到标签的<ul/>默认<li/>样式

ul,li { list-style-type: none;
        list-style-position:inside;
        margin:0;
        padding:0; }

http://meyerweb.com/eric/tools/css/reset/

于 2012-09-14T14:33:23.287 回答
2

提供的所有答案都将解决您的问题，但我绝对建议您考虑使用重置样式表，这样您就不会遇到跨浏览器问题！

最好的一个（至少最受欢迎的一个）很可能是这样的：

http://html5doctor.com/html-5-reset-stylesheet/

希望对您的问题有所帮助，但如果您不想简单地使用重置样式表：

ul, li{
    margin: 0;
    padding: 0;
}
于 2012-09-14T14:37:59.213 回答
1

如果要使文本居中，请尝试

li{ 
  padding-left: 0px; 
  padding-right:0px; 
  margin-left:0px; 
  margin-right:0px; 
  text-align:center;
}
于 2012-09-14T14:38:19.643 回答
0

您还可以添加边距和填充 0：

ul li { 
   list-style: none; 
   margin:0;
   padding:0;
}
于 2012-09-14T14:33:45.880 回答