当前位置:编程学习 > html/css >>

如何使div中的ul标签横向排列??

<div > <h3><b>友情链接</b></h3> <ul>(此处为链接地址) </ul> </div> 急求解答,如何设置?并且CSS文件中需要修改或者添加什么?
追问:请问 就在 本文件修改就行么?CSS不用修改么?问题是 在本文件中,还有别的  版块 也有 UL 标签 那些事需要 纵向的!
答案:横向排列需要在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>标签
其他:第一种方法是:用给ul添加display:inline;就可以实现li在一行内显示;
第二种:把li定一个宽度 然后用float:left;或者是float:right;都行。 就按楼上说法,仅给当前文件的需要横向的地方的UL设置一下就OK了 

上一个:JS怎么获取隐藏div的高度,div设置为display=“none”。。。
下一个:jsp struts2 标签怎么通过 id获得div的值? <div id='a1'></div> 我主要是通过这个值以判断显示不同的内容

CopyRight © 2012 站长网 编程知识问答 www.zzzyk.com All Rights Reserved
部份技术文章来自网络,