让 li 横向排列的 CSS 代码收集

最新推荐文章于 2021-08-04 08:51:01 发布

huazai1605

最新推荐文章于 2021-08-04 08:51:01 发布

阅读量250

点赞数

分类专栏： js 文章标签： CSS Blog HTML

本文链接：https://blog.csdn.net/huazai1605/article/details/83885371

版权

js 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

方法总结：

内联 ,浮动

方法一：直接在<li>里面加样式来实现

<ul style=list-style:none;margin:0;>
<li style="display:inline">我要横向排列</li>
<li style="display:inline">Hier of chsfish </li>
</ul>

方法二：通过定义ul li 来实现

ul{list-style-type:none; margin:0;width:100%; }
ul li{ width:80px; float:left;}
<ul>
<li>我要横向排列</li>
<li>Hier of chsfish </li>
</ul>

还可以看：

http://hi.baidu.com/276598908/blog/item/51f87724df637a094d088da8.html