游客

标题:为什么一个img在一个div里有额外的空间 怎么让div自适应图片的高度
正文:
问题：默认样式下，div包裹img。div的高度会高于img的高度，这是什么原因呢？是浏览器就是这么渲染的，还是图片的某个样式属性的作用呢？除了通常设置图片display：block外，还有别的方法让div的高度自适应图片的高度吗？代码图如下： 说明：'vertical-align' Value: baseline | sub | super | top | text-top | middle | bottom | text-bottom | <percentage> | <length> | inherit Initial: baseline Applies to: inline-level and 'table-cell' elements Inherited: no Percentages: refer to the 'line-height' of the element itself Media: visual Computed value: for <percentage> and <length> the absolute length, otherwise as specified 解决方案：img{vertical-align:top;} /*解决方案1*/img{display:
[<<][[1]][2][>>]

查看评论(0)
发表评论



首页