A股上市公司传智教育(股票代码 003032)旗下技术交流社区北京昌平校区

 找回密码
 加入黑马

QQ登录

只需一步,快速开始

© 陈子斌 中级黑马   /  2012-7-12 21:59  /  2566 人查看  /  3 人回复  /   0 人收藏 转载请遵从CC协议 禁止商业使用本文

<div >
<h3><b>链接</b></h3>
<ul>(此处为链接地址)
</ul>
</div>
如何修改才能使得ul标签实现横向排列啊

评分

参与人数 1技术分 +1 收起 理由
宋天琪 + 1

查看全部评分

3 个回复

倒序浏览

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

<div >
<h3><b>链接</b></h3>
<ul>(此处为链接地址)
</ul>
  <ul>(此处为链接地址)
</ul>
</div>


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

评分

参与人数 1技术分 +1 收起 理由
宋天琪 + 1

查看全部评分

回复 使用道具 举报
最简单方法就是给ul添加display:inline;属性,就可以实现li在一行内显示。

评分

参与人数 1技术分 +1 收起 理由
宋天琪 + 1

查看全部评分

回复 使用道具 举报
<ul>里面放<li>,<li>里面放<a> 定义ul样式为display:inline; li样式为float:left;

评分

参与人数 1技术分 +1 收起 理由
宋天琪 + 1

查看全部评分

回复 使用道具 举报
您需要登录后才可以回帖 登录 | 加入黑马