wlbk.net
当前位置:首页 >> 让ul li横排显示 >>

让ul li横排显示

让LI单独居中不行,但可以让UL居中。比如有五个LI标签,每一个LI的宽度是100px,就把UL的宽度设为500px 然后居中; eg: ul {width:500px; height:auto; margin:0px auto;} ul li { width:100px; float:left; text-align:center}

哈哈,这个我正好有,定义如下样式,然后给UL 设置 class=”box“ ,大功告成。 .box ul { list-style-type: none; margin:0px; padding:0px; } .box li { margin:7px; padding:5px; float:left; width:150px; height:190px; }

.box ul { list-style-type: none; margin:0px; padding:0px; } .box li { margin:7px; padding:5px; float:left; width:150px; height:190px; }

让LI单独居中不行,但可以让UL居中。比如有五个LI标签,每一个LI的宽度是100px,就把UL的宽度设为500px 然后居中; eg: ul {width:500px; height:auto; margin:0px auto;} ul li { width:100px; float:left; text-align:center}

CSS中定义一下li的修饰li { list-style-type: none; display: inline; }

设置样式 float:left;

可以用float:left让li在一行排列就可以。具体效果看下面代码: ul{overflow:hidden;width:100%;}ul li{width:33.333%;float:left;} 111 222 333 444 555 666 CSS(层叠样式表)级联样式表是一种用来表现HTML(标准通用标记语言的一个应用)或XML...

因为li是块级元素,默认占一行的,要想实现横向排列,一般通过以下两个方法: float:left 这样设置有一个问题,li浮动以后则脱离了文本流,即不占位置,如果它的父级元素有具体的样式且没有固定宽高,建议父元素清除浮动,或者设置固定宽高 disp...

2010年1月1日 2010年1月1日 2010年1月1日 2010年1月1日 .test_ul li{ float:left; }

#menus ul li div ul{float:left; margin:0px; padding:0px;} 把这个样式加里就好了

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