tnjk.net
当前位置:首页 >> Css如何让ul居中 >>

Css如何让ul居中

如果ul有宽度,ul{margin:0 auto;}就可以居中,而不需要定位

第一个问题 UL设置margin:0px auto是指UL本身相对于父级对象居中。你的UL父级对象是DIV,所以并不是相对屏幕居中,而是相对父级DIV300个PX的居中。解决这个问题的方法是把DIV的宽度去掉,让DIV默认为BODY的宽度。或者干脆直接把父级的DIV去掉。 ...

div里的ul下面的li居中对齐,关键点如下: 1、CSS设置好Li的宽度 2、Li的css加上居中代码text-align:center。 例子如下: *{margin:0;padding:0;} .box{clear:both;width:600px;height:300px;border:1px solid #ccc;padding:10px;} .box li{floa...

要实现UL标签水平居中,关键在于CSS中 display:inline 的运用。 具体示例: HTML代码 关于倡萌 广告合作 版权声明 联系倡萌 友情链接 CSS样例 #links {height:40px;} #links ul{text-align:center;list-style-type:none;} #links ul li{display:...

123123 起作用的就是width:100px; margin:0 auto;

body,ul,li{ margin:0 auto; margin:0;/*上面一句拿来何用?*/ padding:0; } margin:0 auto;居中的方法用在firefox下面,在ie下是无效的。 ie下要让ul的父元素文本居中对齐后ul才能居中:即#nav{}里面加上text-align:center;

说什么 margin 的都是菜鸟 请参考 .a1 { border: 1px solid red; } .a2 { border: 1px solid black; text-align: center; font-size: 0; } .a3 { border: 1px solid green; height: 100px; width: 200px; list-style: none; display: inline-blo...

通常情况li上加float:left是为了让标签并排显示,如果不加的话默认就是换行的 而上面加position: relative; left: -50%;这个可能是写代码的人想让每个标签都向左移动一半的位置,有点像是书页或者纸张层叠的效果,也许可以不用相对定位来处理,...

以下是我在editplus里编辑的,确认已实现你要的效果,如果还是不行,请先确认你的CSS代码是否对该的样式进行了重复设定。 ================================================ New Document #menu li { display: block; width: 120px; float: lef...

给ul定个宽度,然后margin:0 auto;

网站首页 | 网站地图
All rights reserved Powered by www.tnjk.net
copyright ©right 2010-2021。
内容来自网络,如有侵犯请联系客服。zhit325@qq.com