CSS图片在DIV上下垂直居中方法
发布时间 | 2016/12/3 点击 | 次
原理: 利用vertical-align实现垂直,决定行高的是行内最高的元素的值
<div class="logo"> <span></span><img src="images/logo.jpg" /> </div>
CSS 代码
.logo{ width:1000px; margin-left:auto; margin-right:auto; line-height:120px; height:120px; } .logo span{ height:100%; vertical-align:middle; display:inline-block} .logo img{vertical-align:middle;}