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}

设置样式 float:left;

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

1 2 3

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

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

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

横向排列需要在CSS中设定一个浮点,属性名为float 设定为Left 或者 Right 这两个有差别 如果是Left 它会往左开始 1 2 3 4 如果是 Right是 往右开始 4 3 2 1 代码可以这么写 .LinkUl { float:left; } 友情链接 这是第一列的第一个 这是第一列的第...

因为 .news{ width:660px; height:auto; float:left; }float:left;代表行内排列且向左浮动,意思是

一直以为对ul li居中对齐已经掌握了。但最近做项目时发现之前li的float:left方法显然有一个问题,就是无法居中(水平),只能使用padding- left或margin-right的方法方法来固定其居中。但这样可能在宽屏与窄屏的显示不一致。使用这种方法主要是...

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