html中列表如何向横排列？_随笔

html中列表向横排列方法有：

一，这要用到float浮动属性

二，float:left代表想做浮动，也就是横向排列是向左边排列

三，float:right代表想做浮动，也就是横向排列是向右边排列

四，代码如下:

{

<html>

<body>

<style>

ul li{

width:200px

height:20px

float:left//或者用right根据自己需求

}

</style>

<ul>

</ul>

</body>

</html>

}

根据具体问题类型，进行步骤拆解／原因原理分析／内容拓展等。

具体步骤如下：／导致这种情况的原因主要是……

横向排列需要在CSS中设定一个浮点，属性名为float 设定为Left 或者 Right

这两个有差别如果是Left 它会往左开始 1 2 3 4 如果是 Right是往右开始 4 3 2 1

代码可以这么写

<style>

.LinkUl { float:left}

</style>

<div >

<li>这是第一列的第一个</li>

<li>这是第一列的第二个</li>

<li>这是第一列的第三个</li>

</ul>

<li>这是第二列的第一个</li>

<li>这是第二列的第二个</li>

<li>这是第二列的第三个</li>

</ul>

<li>这是第三列的第一个</li>

<li>这是第三列的第二个</li>

<li>这是第三列的第三个</li>

</ul>

</div>

也可以适用于<li>标签

欢迎分享，转载请注明来源：内存溢出

html中列表如何向横排列？