黑马程序员技术交流社区

标题: <div>中的<ul>标签排列的问题 [打印本页]

---

作者: 陈子斌    时间: 2012-7-12 21:59
标题: <div>中的<ul>标签排列的问题
<div >
<h3><b>链接</b></h3>
<ul>（此处为链接地址）
</ul>
</div>
如何修改才能使得ul标签实现横向排列啊

---

作者: lucky    时间: 2012-7-12 22:13

<style>
ul{float:left;}
</style>

<div >
<h3><b>链接</b></h3>
<ul>（此处为链接地址）
</ul>
  <ul>（此处为链接地址）
</ul>
</div>


你看下这样是你需要的吗?

---

作者: 许庭洲    时间: 2012-7-13 08:59
最简单方法就是给ul添加display:inline;属性，就可以实现li在一行内显示。

---

作者: xiaozehope    时间: 2012-7-13 13:34
<ul>里面放<li>,<li>里面放<a> 定义ul样式为display：inline； li样式为float：left；

---

欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/)

黑马程序员IT技术论坛 X3.2