芜湖网站开发

芜湖网站开发公司

CSS图片在DIV上下垂直居中方法

发布于:2016/12/3 阅读()次 标签:芜湖做网站

CSS图片上下居中

原理: 利用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;}

上一篇:手机网站的好处体现在哪些方面

下一篇:CSS伪类before,after制作左右横线文字效果