zhnao的空间,zhnao的博客,zhnao的相册,zhnao的作品

web前端|平面设计|网页设计|flash|UI|SEO|还有我

导航

  • Index
  • Search
  • TagCloud
  • GuestBook
« 新疆之行6-返程乌市 几种常见的dedecms 日期时间格式 标签 »

CSS li或dd 浮动后增加图片时多出4PX问题

  或dd 浮动后增加图片时多出4PX问题
 
  或li或a标签内,插入图片后,下方会增加4PX高度(间距),解决方法:
 
  1.将图像定义成block (display:block)
 
  2.给dd或li固定高度,然后overflow:hidden
 
  3.设置 ul 的 font-size:0;
 
  4.设置 img 的 vertical-align: bottom;
 
  5.设置 img 的 margin-bottom: -4px;
 
  其中第4个方法一般是为了解决li里面有双浮 动:
 
  <a>我是a标签,左浮 动</a><span>我是 span,右浮动</span>
 
  比如这里a和span一个浮左一个浮右的时候,li下方就会多出3PX左右的空隙,所以要用到vertical-align: bottom;或hack来解决

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

Category

Recent Comments

Recent Article

Powered By Z-Blog 1.8 Walle Build 100427

Copyright © www.zhnao.com 豫ICP备08103806号
本站部分文章摘录于互联网,如果侵犯了您的权利,请与站长联系,本站将及时删除