如何让div中的ul横向排列
如何让div中的ul横向排列默认情况下,div中插入一组ul列表,是按顺序纵向排列下去的。如何通过对div的设置,让ul横向排列?别人给我讲我,没听明白,不好意思。...
如何让div中的ul横向排列
默认情况下,div中插入一组ul列表,是按顺序纵向排列下去的。如何通过对div的设置,让ul横向排列?
别人给我讲我,没听明白,不好意思。 展开
默认情况下,div中插入一组ul列表,是按顺序纵向排列下去的。如何通过对div的设置,让ul横向排列?
别人给我讲我,没听明白,不好意思。 展开
推荐于2017-10-02 · 知道合伙人教育行家
关注
展开全部
横向排列需要在CSS中设定一个浮点,属性名为float 设定为Left 或者 Right
这两个有差别 如果是Left 它会往左开始 1 2 3 4 如果是 Right是 往右开始 4 3 2 1
代码可以这么写
<style>
.LinkUl { float:left; }
</style>
<div >
<h3><b>友情链接</b></h3>
<ul id="ul1" class="LinkUl">
<li>这是第一列的第一个</li>
<li>这是第一列的第二个</li>
<li>这是第一列的第三个</li>
</ul>
<ul id="ul2" class="LinkUl">
<li>这是第二列的第一个</li>
<li>这是第二列的第二个</li>
<li>这是第二列的第三个</li>
</ul>
<ul id="ul3" class="LinkUl">
<li>这是第三列的第一个</li>
<li>这是第三列的第二个</li>
<li>这是第三列的第三个</li>
</ul>
</div>
也可以适用于<li>标签
这两个有差别 如果是Left 它会往左开始 1 2 3 4 如果是 Right是 往右开始 4 3 2 1
代码可以这么写
<style>
.LinkUl { float:left; }
</style>
<div >
<h3><b>友情链接</b></h3>
<ul id="ul1" class="LinkUl">
<li>这是第一列的第一个</li>
<li>这是第一列的第二个</li>
<li>这是第一列的第三个</li>
</ul>
<ul id="ul2" class="LinkUl">
<li>这是第二列的第一个</li>
<li>这是第二列的第二个</li>
<li>这是第二列的第三个</li>
</ul>
<ul id="ul3" class="LinkUl">
<li>这是第三列的第一个</li>
<li>这是第三列的第二个</li>
<li>这是第三列的第三个</li>
</ul>
</div>
也可以适用于<li>标签
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询