css样式中 li如何居中？

来源：百度知道 编辑：UC知道 时间：2024/06/26 05:07:51
.matter-dvs{ background:#f1f1f1;
}
.matter-dvs ul{
}
.matter-dvs li{
}
========================以上css========================
========================以下html=======================
<div class="matter-dvs">
<ul>
<li><img src="dv.gif" /></li>
<li><img src="dv.gif" /></li>
<li><img src="dv.gif" /></li>
<li><img src="dv.gif" /></li>
</ul>
</div>

======================问题=========================
======================问题=========================
如何让li居中？ 记得 不是div居中 也不是ul居中 是li居中
我给li加了margin:auto; 不起作用呢..
我想让li基于当前的ul或者div居中
这个li显示的都是图片
我还会让他显示文字 请高手给出完美答案
解答清晰 我加50分

1.文字居中定义
　　文字居中始终是要的，所以首先给予ul外层div一个text-align（文本对齐：居中），还可以给一个“溢位：隐藏（overflow: hidden;）”，当然也可以定义一下高和宽。
　　2.ul定义
　　ul不能定义宽度，我们只能给一个定位，类型为相对（position: relative），置入左为50%（left: 50%），当然也可以给一个浮动。请注意，ul千万不能用溢位：隐藏（overflow: hidden;），这样，部分li就无法显示。
　　3.li定义
　　li的定义跟ul差不多，宽度不固定，同样给一个定位，类型为相对（position: relative），置入右为50%（right: 50%），恰恰和ul相反，这样定义后li就可以无论分页多少始终居中了。

两种方式
1】定义li的宽度，然后给li加属性：margin:0 auto;
2]li的父类元素加属性：text-align:center;

css样式中li居中的方法：
ul{
width:100%;
}
li{
width:100%; text-align:center;
}

哈哈！又是你。。。。
.matter-dvs li{width:100%; text-align:center;
}
浮动，宽度 根据自己的需求设
好了！！
给分。。。。

让li居中就要设置ul啊！
.matter-dvs ul{
text-align:center;
}