让横向排列的方法

Posted 千喜

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了让横向排列的方法相关的知识,希望对你有一定的参考价值。

方法总结:

内联 ,浮动


方法一:直接在<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>

以上是关于让横向排列的方法的主要内容,如果未能解决你的问题,请参考以下文章

如何让div中的内容横向排列

怎样让一个div里的多个div横向排列

怎么CSS中6张图片横向一行排列 并且要求在下方添加滚动条

如何让多个div横向排列而不换行

DIV+CSS样式,li自动适应高度,自动换行,横向排列

html横向布局