IMG与容器下界线的旷地（误差）题目
发布时间：2018-09-04 20:33:00 所属栏目：运营 来源：站长网
导读：题目描写： IE7下 img与div（block范例元素）下界线有间隔（可能叫误差、旷地）。 IE7才会有这个题目， IE8 下是没有的。 办理方案： 瑰宝一：界说图片img标签vertical-align:bottom，vertical-align:middle，vertical-align:top。 img{vertical-align:bott
|
题目描写： IE7下 img与div（block范例元素）下界线有间隔（可能叫误差、旷地）。 IE7才会有这个题目，IE8下是没有的。 办理方案： 瑰宝一：界说图片img标签vertical-align:bottom，vertical-align:middle，vertical-align:top。 img{vertical-align:bottom;} 瑰宝二：界说容器里的字体巨细为0。 div { width:110px; border:1px solid #000000; font-size:0 } 听说缘故起因： 图片笔墨等inline元素默认是和父级元素的baseline对齐的，而baseline又和父级底边有必然间隔（这个间隔和 font-size，font-family 相干），以是配置 vertical-align:top/bottom/text-top/text-bottom 都可以停止这种环境呈现。并且不仅li，其他的block元素中包括img也会有这个征象。 （编辑：湖南网） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |
站长推荐
热点阅读