Question

一行显示3个<li>的CSS怎么写？

Answer 1

1、利用Dreamweaver新建一个html页面。

2、在body里面输入代码

<ul>

<li>你好</li>

<li>小鱼</li>

<li>小小</li>

</ul>。

3、默认的样式是这样的。

4、编辑li标签的css样式。

5、float:left代表的是元素左对齐。这样li标签就可以横排显示了，list-style:none用来去除li标签前面的小圆点。

Answer 2

<ul>
<li style="float:left;display:inline;">只要把</li>
<li style="float:left;display:inline;">li的样式里加上float:left;display:inline;</li>
<li style="float:left;display:inline;">就可以了</li>
</ul>

只要给li加上 style="float:left;display:inline;"就可以了，但需要注意的是如果ul的宽度，可以放下最多多少个li的宽度，一行就可以放几个,如ul宽400px ,而你的li的宽度如果每个是130就可以放3个。