Question

css怎么控制li和ul的边距

灰色背景是ul 我想让这几个li整体向右移动100px 应该怎么写？我用padding-left不行啊

Answer 1

　　css控制li和ul的边距,可以使用margin属性来实现或者padding属性都可以，在设置width和height属性时，计算好各自的距离，然后设置多少px就可以实现，下面介绍了一下简单的控制和去掉li前面圆点的方法

　　一、CSS控制ul缩进间距的方法：

　　<style type="text/css">
ul{margin-left:-10px;}
</style>
<ul>

<li>XXX</li>
</ul>

二、CSS去掉li点的三种方法：

方法一：

　　<ul>

<li style="list-style-type:none;">XXX</li>

<li style="list-style-type:none;">XXX</li>

<li style="list-style-type:none;">XXX</li>

<li style="list-style-type:none;">XXX</li>
</ul>

方法二：

　　<style type="text/css">
li{list-style-type:none;}
</style>
<ul>

<li>XXX</li>
<li>XXX</li>

<li>XXX</li>

<li>XXX</li>
</ul>

方法三：

　　<style type="text/css">
.li_style{list-style-type:none;}
</style>
<ul>

<li class="li_style">XXX</li>

<li class="li_style">XXX</li>

<li class="li_style">XXX</li>

<li class="li_style">XXX</li>
</ul>

Answer 2

　　这位网友你好，你需要设置ul的padding-left才可以，同时要设置ul为border-box。

ul{
  padding-left:100px;
  box-sizing:border-box;
}

追问

哦 对对。。。写到LI里面了 下面那句是什么意思？

追答

　　下面那句是告诉浏览器按哪种方式解析盒模型，你搜一下box-sizing就知道了。

追问

vs2010提示不是已知的属性名。

追答

不客气，这是css3新增的属性。

Answer 3

1. css控制li和ul的边距,可以使用margin属性来实现或者padding属性都可以，在设置width和height属性时，计算好各自的距离。

2. 然后设置多少px就可以实现，下面介绍了一下简单的控制和去掉li前面圆点的方法。

3. 即把li变为行内元素且可以设置宽高以及边距，这样也有一个问题，低版本的Ie浏览器不兼容inline-block，建议在其后再加两个属性兼容低版本ie。

Answer 4

ul {margin-left: 100px}