怎么将ul下的li标签横着排列,要设置那个属性?

 我来答
沙雕动态图
2019-05-23 · TA获得超过2189个赞
知道答主
回答量:53
采纳率:0%
帮助的人:1.3万
展开全部

把ul包含的li定义为一个类,在css样式用类选择器设置li的float属性为向左浮动,

即为float:left;

最好将无序列表前面的点去掉。即ul的list-style-type:none;这样设计出来的比较美观。

扩展资料:

CSS 列表属性(list)

1.list-style    简写属性。用于把所有用于列表的属性设置于一个声明中。    

2.list-style-image    将图象设置为列表项标志。    

3.list-style-position    设置列表中列表项标志的位置。    

4.list-style-type    设置列表项标志的类型。    



chilamz001
推荐于2017-11-25 · TA获得超过232个赞
知道答主
回答量:63
采纳率:0%
帮助的人:41.9万
展开全部
哈哈,这个我正好有,定义如下样式,然后给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;
}
追问
我也已经自己解决了
追答
如果解决了,望采纳回答。:)
本回答被提问者采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
崔中伟JS
2012-11-30
知道答主
回答量:3
采纳率:0%
帮助的人:2.9万
展开全部
display:inline;这句就行了......
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
活在广州城
2018-07-23 · TA获得超过395个赞
知道小有建树答主
回答量:190
采纳率:73%
帮助的人:56.8万
展开全部
<style type="text/css">
ul{list-style-type:none;}
li{display:inline}
</style>
<ul>

<li>1</li><li>2</li><li>3</li><li>4</li><li>5</li><li>6</li>
</ul>
如题,只要在style中设置li{display:inline}
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 1条折叠回答
收起 更多回答(2)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

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

类别

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

说明

0/200

提交
取消

辅 助

模 式