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

<div><h3><b>友情链接</b></h3><ul>(此处为链接地址)</ul></div>急求解答,如何设置?并且CSS文件中需要修改或者添加什么?... <div >
<h3><b>友情链接</b></h3>
<ul>(此处为链接地址)
</ul>
</div>

急求解答,如何设置?并且CSS文件中需要修改或者添加什么?
展开
 我来答
以债养债
2011-10-15 · TA获得超过117个赞
知道答主
回答量:126
采纳率:0%
帮助的人:39.8万
展开全部
第一种方法是:用给ul添加display:inline;就可以实现li在一行内显示;
第二种:把li定一个宽度 然后用float:left;或者是float:right;都行。
追问
请问 就在 本文件修改就行么?CSS不用修改么?问题是 在本文件中,还有别的  版块 也有 UL 标签 那些事需要 纵向的!

参考资料: www.qutzs.com

已赞过 已踩过<
你对这个回答的评价是?
评论 收起
vurtne3691
推荐于2017-09-01 · TA获得超过860个赞
知道答主
回答量:129
采纳率:0%
帮助的人:73.6万
展开全部
横向排列需要在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>标签
本回答被提问者采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
bnx1976
2011-10-15 · TA获得超过161个赞
知道小有建树答主
回答量:359
采纳率:0%
帮助的人:310万
展开全部
就按楼上说法,仅给当前文件的需要横向的地方的UL设置一下就OK了
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 1条折叠回答
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式