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

经典论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

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

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

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

搜索
查看: 2652|回复: 21

[求助] li与li行与行之间的 3pxbug如何解决??

[复制链接]
发表于 2008-10-29 10:38:17 | 显示全部楼层 |阅读模式
li与li行与行之间的 line-height 3pxbug如何解决??着急 谢谢!!!
发表于 2008-10-29 10:47:28 | 显示全部楼层
贴出代码来看看!

[[i] 本帖最后由 xiaotian_s 于 2008-10-29 10:49 编辑 ]
回复 支持 反对

使用道具 举报

发表于 2008-10-29 11:48:32 | 显示全部楼层
li {float:left;}

试试这样看,行不行。
回复 支持 反对

使用道具 举报

发表于 2008-10-29 11:58:46 | 显示全部楼层
http://bbs.blueidea.com/thread-2692909-1-1.html
第七条是不是你要问的!
回复 支持 反对

使用道具 举报

 楼主| 发表于 2008-10-29 17:04:28 | 显示全部楼层
<!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>
</head>
<body>
<div style="width:300px;">
  <ul style="list-style:none;">
    <li style="height:27px; line-height:27px; border:#CCCCCC 1px solid;">
      <div style="float:left; width:100px; background-color:#33CC66;">文字部分1</div><div style="float:left; width:100px; background-color:#0033FF;">文字部分1</div>
    </li>
        <li style="height:27px; border:#CCCCCC 1px solid;">
      <div style="float:left; width:100px; background-color:#33CC66;">文字部分1</div>
    </li>
  </ul>
</div>
</body>
</html>
回复 支持 反对

使用道具 举报

 楼主| 发表于 2008-10-29 17:05:10 | 显示全部楼层
上面的 代码 行于行之间 ie里面有行间距!不知道怎么办了!
回复 支持 反对

使用道具 举报

发表于 2008-10-29 21:55:50 | 显示全部楼层
在li里加上 display:inline
回复 支持 反对

使用道具 举报

 楼主| 发表于 2008-10-30 08:50:10 | 显示全部楼层
先谢谢LS 但是还是不行啊!!头晕
回复 支持 反对

使用道具 举报

发表于 2008-10-30 09:12:24 | 显示全部楼层
原帖由 [i]phantom 于 2008-10-29 11:48 发表
li {float:left;}

试试这样看,行不行。



小志已经回答你咯.
回复 支持 反对

使用道具 举报

发表于 2008-10-30 09:21:00 | 显示全部楼层

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


你为li 加个float:left;给ul定义个宽度~
回复 支持 反对

使用道具 举报

发表于 2008-10-30 11:16:56 | 显示全部楼层
float:left
回复 支持 反对

使用道具 举报

发表于 2008-10-30 11:19:16 | 显示全部楼层
这个是不是在ie6里面才会有啊,如果是的话,那应该用li{float:left}.当浮动元素与非浮动元素相邻时,就会产生3px bug
回复 支持 反对

使用道具 举报

发表于 2008-10-30 11:39:33 | 显示全部楼层
这个是垂直距离的4px bug,不是ie6才会有,主要ie版本都会有,ie8不在测试之列·
回复 支持 反对

使用道具 举报

发表于 2008-10-30 12:05:22 | 显示全部楼层

回复 7# baofen14787 的帖子

那个是解决margin计算问题的吧...
回复 支持 反对

使用道具 举报

发表于 2008-10-30 12:06:50 | 显示全部楼层
回复 13# rukey67  的帖子
这个bug横向的时候也会,距离的大小我测试是等于定义字体像素的一半。产生的原因一直还搞不明白。
看如下的例子:(在IE下测试可以尝试修改li的font-size大小,然后看距离的变化。)

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


[[i] 本帖最后由 lijun198296 于 2008-10-30 12:08 编辑 ]
回复 支持 反对

使用道具 举报

发表于 2008-10-30 12:53:04 | 显示全部楼层
原帖由 [i]lijun198296 于 2008-10-30 12:06 发表
回复 13# rukey67  的帖子
这个bug横向的时候也会,距离的大小我测试是等于定义字体像素的一半。产生的原因一直还搞不明白。
看如下的例子:(在IE下测试可以尝试修改li的font-size大小,然后看距离的变化。)


你这个是字体的行距撑开的
回复 支持 反对

使用道具 举报

发表于 2008-10-30 12:57:37 | 显示全部楼层
当font-size:0的时候这个间隙就没有了
我想定义20px的字体撑不开30像素的高度吧。
回复 支持 反对

使用道具 举报

发表于 2008-10-30 13:03:47 | 显示全部楼层

回复 17# lijun198296 的帖子

你给空a标签填上内容再试
回复 支持 反对

使用道具 举报

发表于 2008-10-30 16:05:19 | 显示全部楼层

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

回复 支持 反对

使用道具 举报

发表于 2008-10-30 16:22:28 | 显示全部楼层

回复 15# lijun198296 的帖子

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

回复 支持 反对

使用道具 举报

 楼主| 发表于 2008-10-30 16:27:12 | 显示全部楼层
http://bbs.blueidea.com/thread-2893330-1-1.html

看了这个 问题解决 谢谢所有楼上!!
回复 支持 反对

使用道具 举报

发表于 2008-10-30 18:54:16 | 显示全部楼层

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

回复 支持 反对

使用道具 举报

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

本版积分规则

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

GMT+8, 2020-8-7 20:55 , Processed in 0.155858 second(s), 8 queries , Gzip On, Memcache On.

Powered by Discuz! X3.2 Licensed

© 2001-2013 Comsenz Inc.

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