Question

css中如何去除ul前面的缩进

以及如何让ul中的li等距水平排开。

Answer 1

ul{margin:0px;padding:0px}

或者直接

*{margin:0px; padding:0px}

然后再单独每一个标签去调节自己想要的间距。

Answer 2

ul,li{ margin:0; padding:0; list-style:none; }
li { display:inline }

追问

缩进问题没解决啊！还是和边框一一段距离。

追答

你把详细代码发出来吧，最好能把浏览器中效果截图出来

追问

http://tieba.baidu.com/p/3706086918代码在此

http://tieba.baidu.com/p/3706086918问题在此

htt去掉p:/去掉/tieba.baidu.c去掉om/p/3706086918代码在此

追答

我把你的代码重新整理了一下：

.s1{ border: 2px solid red; width:524px; padding: 10px 10px 10px 10px; margin: 10px auto; }
.s2{ border: 2px solid blue; height:200px; width:500px; }
.s3{ font-weight: bold; font-size: 30px; display: block; background-color: gray; }

a{ display:inline; float:right; color: black; }
a:hover { color: blue; }

img{ height: 100px; margin: 5px auto; display: block; }
ul{ list-style:none; margin:5px auto; width:432px; padding:0; height:100px; }
li{ margin:0 auto; margin-top:5px; width:140px; border: 2px solid purple; text-align:center; font-weight:bold; font-size: 15px; float: left; }

 大致原因是三个li加起来总共432px宽度，ul则跟.s2走宽度为500px，而ul默认panding属性为40px

也就造成左边panding-left为40px，而500-432-40=28，剩下的这28px就是li距离右边ul的距离。

左边40px，右边28px当然不一样。

Answer 3

没懂你要做什么，是ul本身自动的间距吗，如果是的话，你在css里给ul上一级设置padding：0应该就可以了

Answer 4

li{display:inline-block;}
可以使li水平排列，等距的话设置下li的margin就可以了

Answer 5

ul li {
    display: inline;
    margin: 0;
    margin-right: 10px;
    padding: 0;
}

追问

缩进问题没解决啊！还是和边框一一段距离。

追答

你没贴代码我怎么知道你的边框是什么啊