dfkt.net
当前位置:首页 >> 怎么让ul在Div中居中? >>

怎么让ul在Div中居中?

你可以给最左边的两张图片添加一个padding-left属性,让图片整体偏右一些(o=^•ェ•)o┏━┓

首先你的div要有宽,其次设置你的ul宽度然后加上margin: 0 auto;意思是上下间距是0,左右是自动,这样就会水平居中 例如: 标题 标题 css如下: .box1{ width:800px; margin:30px auto ; } .ul-si{ width: 300px; margin: 0 auto; }

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

必须设定div的高度和ul的高度,然后设定div垂直居中

margin:0 auto;必须要设定宽度。 如果要li居中,可以试试 ul{float:left; position:relative; left:50%;} li{float:left; position:relative; right:50%;} 以上是浮动居中的方法。

1 2 3

没看过这类ul嵌套div的写法的,要使列表和div水平显示在同一行,其实很简单,方法如下: 123 123 CSS代码: ul{ width:宽度; height:高度; float:left; //左浮动 } div{ width:宽度; height:高度; float:left; //左浮动 } 欢迎追问!

*{margin:0;padding:0;border:0;} .box{width:400px;height:100px;margin:0 auto} .box ul{list-style:none;} .box ul li{float:left;width:100px;height:100px;line-height:100px;background:#00aff0;text-align:center;f...

推荐的做法是不用ul和li来做页码,而是直接用a标签来做 1 2 3 </div> 然后设置div text-align:center,再定义一下超链接的边距什么的就可以了。因为ul宽度不定的水平居中太复杂了,很难实现,与其纠结这样的问题,还不如把它简单化处理。

1.既然你的div高度是固定的,那么直接设置ul的padding-top/margin-top不就可以了? 2.如果你的div高度是不固定的,那么你可以做个定位垂直居中,也可以利用inline-block+vertical-align:middle;来做垂直居中。 3.这里是导航,那么直接设置a的lin...

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