zcgw.net
当前位置:首页 >> ul li 横排 >>

ul li 横排

ul { margin:0; padding:0; } li { float:left; } 1 2 3

让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 ul li { display :inline; }

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

div是层,在CSS运用div自由层,可以把某块,设置任何颜色,以及位置,在html中, 为无序列表 物品1 物品2 物品3

li设置为float后,超过容器宽度它就会换行,这是正常的。你可以给ul设置一个相当于全部li宽度的总宽度。通过ul来控制,由于上层div设置了overflow:hidden,所以超出的部分不会被显示的。

用float:left,可以横向排列 用css 设置ul{list-style:none;}去掉li前边的东西

1 2 3

表示列表项。表示无序排列,表示有序排列。即在 中写入可以构成一个无序列表,而在 中写入构成的是一个有序列表

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

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