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

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了怎么将ul下的li标签横着排列,要设置那个属性?相关的知识,希望对你有一定的参考价值。

把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    设置列表项标志的类型。    



参考技术A 哈哈,这个我正好有,定义如下样式,然后给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;
追问

我也已经自己解决了

追答

如果解决了,望采纳回答。:)

本回答被提问者采纳
参考技术B display:inline;这句就行了...... 参考技术C <style type="text/css">
ullist-style-type:none;
lidisplay:inline
</style>
<ul>

<li>1</li><li>2</li><li>3</li><li>4</li><li>5</li><li>6</li>
</ul>
如题,只要在style中设置lidisplay:inline

以上是关于怎么将ul下的li标签横着排列,要设置那个属性?的主要内容,如果未能解决你的问题,请参考以下文章

怎么设置ul ,li标签元素横排且居中啊?

怎么设置ul ,li标签元素横排且居中啊?

HTML ul要怎么去点?

急!CSS中,怎么让ul li中的图片和文字横向水平居中

html5 li标签设置列表图标

javascript获取ul标签的id,如何才能改变ul内li的背景颜色等属性