首页 > 代码库 > 图片上没有line-height垂直居中
图片上没有line-height垂直居中
<style>div { width: 150px; height: 155px; line-height: 155px; border: 1px solid #000; background: #f00; text-align: center; } img { vertical-align: middle; } span { display: inline-block; } </style><div> <img src="http://www.mamicode.com/hl_logo.png" width="95" height="115"> <span></span> </div>
注意我们添加了一个额外的span从而在7以下版本的IE中修复该bug;我们还将display属性设置为inline-block来使我们关键的span拥有“layout”。最后结果:一切都正常了。
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。