关于list-style：none;
list-style：none；的作用是取消ul、li里的默认圆点样式
看评论里说由于ul、li已经由块状元素变为行内元素，所以默认样式已经取消了，所以list-style：none；在这里是没有用处的。
所以我把两个display：inline；和list-style：none；都删除了，但是还是没有圆点。
WHY？？？
慕的地4684329
2016-10-24
5 回答
结论：
由于ul没有设置宽度,所以默认宽度是100%，因此 padding:0 将小原点退到了iframe窗口的外面，所以你看不见了，并不是隐藏了。
测试方法：
定宽 居中，看了之后你就会明白的了。
测试代码：
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>不定宽块状元素水平居中</title>
<style>
.container{text-align:center;}
.container ul{
margin:0 auto;
padding:0;
width:200px;
border:1px solid red;
}
.container li{margin-right:8px;}
</style>
</head>
<body>
<div class="container">
<ul>
<li><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
</ul>
</div>
</body>
</html>总结：
去掉小圆点只能通过li设置 list-style:none 来解决。
我是一个菜鸟刚学到这综合各路大神意见我认为<ul>和<li>是连体婴儿改任何变display:inline或者display：任何形式都会改变ul和li的组合比如<ul style="display:inline;"><li></li><li></li></ul>就等于变成了<p style="display:inline;">
<li></li>
<li></li>
</p>组合
同理当
<ul>
<li style="display:inline;"></li >
<li style="display:inline;"></li>
</ul>就等于变成了<ul><p style="display:inline;"></p><li style="display:inline;"></p></ul>组合没有如何作用不会出现小点
且小店在<ul> pddding和<li>的border之间的默认有小点空间。当<ul>padding为0时小点出<ul>border边界但是还是有。但是从上面可知不可改变<ul><li>组合
举报
0/150
提交
取消
