当前位置:首页 > 网站维护 > 列表

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

来源:浦一科技点击:时间:2016-12-3 关键词:css 图片居中 上下居中
原理:利用vertical-align实现垂直,决定行高的是行内最高的元素的值<divclass="logo"><span></span><imgsrc="images/logo.jpg"/></div&g

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

服务项目

网站建设

网站建设

通过SEO优化技术,提供更多的展示机会,带来大量精准流量和询盘,每月意向客户增长20%。

手机网站建设

手机网站建设

手机网站的时代强势来袭,赢在全网营销时代,手机+电脑双剑合璧,把握商机滴水不漏。

网站维护

网站维护

一个好的网站需要定期或不定期地更新内容,才能不断地吸引更多的浏览者,增加访问量。

整合网络营销

整合营销

为了建立、维护和传播品牌,以及加强客户关系,而对品牌进行计划、实施和监督的一系列营销

预约建站
免费提供网站优化
领取关键词