一行显示3个<li>的CSS怎么写?
发布网友
发布时间：2022-04-21 08:12
共3个回答
懂视网
时间：2022-04-21 12:34
Document
效果如下图：
随便写了下，好丑，不要在意细节哈哈哈~~~~
热心网友
时间：2022-04-21 09:42
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标签前面的小圆点。
热心网友
时间：2022-04-21 11:00
<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个。
