收藏本站腾讯微博新浪微博

经典论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

蓝色理想 最新研发动态 网站开通淘帖功能 - 蓝色理想插件 论坛内容导读一页看论坛 - 给官方提建议

论坛活动及任务 地图和邮件任务 请多用悬赏提问 热夏来袭,选一款蓝色理想的个性T恤吧!

手机上论坛,使用APP获得更好体验 急需前端攻城狮,获得内部推荐机会 论坛开通淘帖功能,收藏终于可以分类了!

搜索
查看: 1531|回复: 4

为什么li会换行?

[复制链接]
发表于 2009-4-7 17:21:37 | 显示全部楼层 |阅读模式
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
html{ margin:0px; padding:0px;}
body{ margin:0px; padding:0px;}
.asda{ width:100%; margin:0px; padding:0px;}
.asda ul{ list-style:none; margin:0px; padding:0px; }
.asda ul li{ float:left; padding:0px; margin:0px; overflow: hidden;}
#nobr li{ display:inline;}
</style>



</head>

<body>
<div class="asda">
<ul id="nobr">
  <li style="width:20%; background:#FF0000">sadf士大夫</li>
  <li style="width:20%; background:#FF0000">sadf 撒发的是</li>
  <li style="width:20%; background:#FF0000">asdf撒的</li>
  <li style="width:20%; background:#FF0000">asdsadf撒地方</li>
  <li style="width:20%; background:#FF0000">asdf撒地方</li>
</ul>

</div>



</body>
</html>


注:.asda{ width:100%; margin:0px; padding:0px;}这块width为固定宽度就不会换行但是是为什么呢>谢谢
发表于 2009-4-7 17:22:59 | 显示全部楼层

 提示:您可以先修改部分代码再运行



因为 浏览器认为5个20%>100%所以换行了
如果把其中一个改成19%就没问题。。
或者都用具体数值。

[[i] 本帖最后由 ddoserver 于 2009-4-7 17:27 编辑 ]
回复 支持 反对

使用道具 举报

 楼主| 发表于 2009-4-7 17:25:57 | 显示全部楼层

回复 2# ddoserver 的帖子

楼上的您什么意思?
回复 支持 反对

使用道具 举报

发表于 2009-4-7 17:28:07 | 显示全部楼层
总而言之就是%不够精确。
回复 支持 反对

使用道具 举报

 楼主| 发表于 2009-4-7 17:29:52 | 显示全部楼层

回复 4# ddoserver 的帖子

那就是说最好不要用%在这里?而是用固定值?
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

QQ|小黑屋|Archiver|手机版|blueidea.com ( 湘ICP备12001430号 )  

GMT+8, 2020-4-4 18:55 , Processed in 0.093512 second(s), 8 queries , Gzip On, Memcache On.

Powered by Discuz! X3.2 Licensed

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表