首页 > 代码库 > 图片上没有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个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。