CSS li或dd 浮动后增加图片时多出4PX问题-不敢飞的小悟空-空间,博客,相册,作品-

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来解决

Tags:

发布:zhnao | 分类:web前端 | 评论:0 | 浏览:

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