css怎么写代码让ul列表横着显示?请教、谢谢

 我来答
a913844287
2012-11-03 · TA获得超过1144个赞
知道小有建树答主
回答量:607
采纳率:50%
帮助的人:380万
展开全部
li { display: inline-block; }
li { *display: inline; *zoom: 1; }

利用CSS的inline-blick属性,后边两个是针对低版本IE的HACK,注意这个HACK比较特殊,要像我这样独立地写出来

而且,每个li标签之间不能有空格或换行,要像这样写,否则就会造成莫名其妙的外边距,这算是inline-block里面一个不算BUG的BUG吧。。。
<ul><li>
内容
</li><li>
内容2
</li><li>
内容3
</li></ul>

另外,float会带来很多问题,所以不建议用float
ldcz2008
2012-11-03 · TA获得超过161个赞
知道小有建树答主
回答量:290
采纳率:0%
帮助的人:125万
展开全部
假设ul的宽度为1000px;
ul {width:1000px;}
li {width:200px; float:left;}
这样的话就可以使5个li可以横着显示!
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式