css样式中 li如何居中?
.matter-dvs{background:#f1f1f1;}.matter-dvsul{}.matter-dvsli{}=======================...
.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分 展开
}
.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分 展开
6个回答
展开全部
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就可以无论分页多少始终居中了。
文字居中始终是要的,所以首先给予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就可以无论分页多少始终居中了。
展开全部
css样式中li居中的方法:
ul{
width:100%;
}
li{
width:100%; text-align:center;
}
ul{
width:100%;
}
li{
width:100%; text-align:center;
}
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
哈哈!又是你。。。。
.matter-dvs li{width:100%; text-align:center;
}
浮动,宽度 根据自己的需求设
好了!!
给分。。。。
.matter-dvs li{width:100%; text-align:center;
}
浮动,宽度 根据自己的需求设
好了!!
给分。。。。
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
两种方式
1】定义li的宽度,然后给li加属性:margin:0 auto;
2]li的父类元素加属性:text-align:center;
1】定义li的宽度,然后给li加属性:margin:0 auto;
2]li的父类元素加属性:text-align:center;
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
让li居中就要设置ul啊!
.matter-dvs ul{
text-align:center;
}
.matter-dvs ul{
text-align:center;
}
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询