建站常识

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;}

相关信息