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

让ul li横排显示

哈哈,这个我正好有,定义如下样式,然后给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; }

让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}

li { display: inline-block; } li { *display: inline; *zoom: 1; } 利用CSS的inline-blick属性,后边两个是针对低版本IE的HACK,注意这个HACK比较特殊,要像我这样独立地写出来 而且,每个li标签之间不能有空格或换行,要像这样写,否则就会造...

1 2 3

给你html里面ul里面的li设置浮动,如下: ul li{ float:left; }

定义ul的宽度,定义li的宽度 并定义其float浮动样式,强制横排,即可实现 此横排效果。list-style-type:none;是列表样式,此处为无样式。

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

.box{width:500px;height:500px;overflow:hidden;}li{width:100px;height:300px;float:left;background:green;margin:10px;}ul{width:999999px;}

设置样式 float:left;

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

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