怎么解决使用li产生的空隙
2012-03-27 22:41
155 查看
li大家应该不陌生了,一般用在导航的地方或者用来显示商品信息。这样做应该比表格要方便很多的。但是这样做问题就出现了,火狐上还行一般说来火狐上是不会产生间隙了,但是IE上就会有这样的情况,一般是li 之间上下会产生间隙。大概也就3px。
问题出现了,我们总要解决它。网上有好几种方法,例如加个over-flow:clear,display:block.但貌似都不好使。
这里我给大家推荐一种写法,css如下
1.最好先去掉li的list-style
ul
{
list-style:none;
}
2.给li加浮动,大部分情况使用的是左浮动
ul li
{
float:left;
}
这样子代码看上去很完美了,但是IE上还是有空隙,要怎么做呢,这里只需给li加上高度了,至于加多少这个就大家自己去控制了。
这样差不都可以解决80%的li有间隙的问题,剩下的情况还可以在li里加上word-wrap:break-word; 很方便吧!
问题出现了,我们总要解决它。网上有好几种方法,例如加个over-flow:clear,display:block.但貌似都不好使。
这里我给大家推荐一种写法,css如下
1.最好先去掉li的list-style
ul
{
list-style:none;
}
2.给li加浮动,大部分情况使用的是左浮动
ul li
{
float:left;
}
这样子代码看上去很完美了,但是IE上还是有空隙,要怎么做呢,这里只需给li加上高度了,至于加多少这个就大家自己去控制了。
这样差不都可以解决80%的li有间隙的问题,剩下的情况还可以在li里加上word-wrap:break-word; 很方便吧!
相关文章推荐
- 【提问帖】使用html2canvas.js将div转成图片时,对dwz框架的样式产生了影响,怎么解决?
- li元素里面有空隙,怎么解决
- java中使用ObjectOutputStream和ObjectInputStream时产生的“invalid stream header”错误解决方法
- 【微信Java开发 --1---番外1】在windows下,使用JAVA执行多条DOS命令+文件夹/路径中有空格怎么解决【目的是实现内容穿透外网】
- 使用Xshell软件登录linux太慢的问题怎么解决?
- org.apache.commons.lang.xwork.StringUtils 问题的解决!json使用时产生的问题
- 关于同时使用MacVim和zsh产生PATH读取错误的解决办法
- 使用git pull文件时和本地文件冲突怎么解决
- Winscp使用时Cannot create remote file怎么解决
- IE中 图片下方的空隙怎么解决?
- IE6/7的Bug:纵向排列的li中加浮动元素产生向下3px的空隙
- 4使用PhoneGap遇到问题怎么解决?
- 使用Filter时产生java.lang.IllegalStateException异常解决办法
- ie6中li插入图片后下方有空隙(经典bug)多种解决方法
- 计算机总是重新启动怎么解决? 使用 windbg 分析 minidump
- 怎么解决文件正在使用无法删除----资源监视器
- [转] 在使用水晶报表时数据库登录对话框,要求输入登录密码啊?是怎么回事啊,如何解决?
- 转:固定表头方式,出现小空隙怎么解决?
- 解决jQuery使用JSONP时产生的错误