码迷,mamicode.com
首页 > 其他好文 > 详细

二十:让行内元素在div中垂直居中

时间:2018-06-21 00:15:57      阅读:143      评论:0      收藏:0      [点我收藏+]

标签:ace   ack   enter   使用   html   isp   属性   支持   浏览器   

(1)使用display:table-cell配合vertical-align:center(淘宝也是这样用的)

<div class="method4">
  <span>第四种方法</span>
</div>


<style>
.method4 {
  width: 200px;
  height: 200px;
  vertical-align: middle;
  display: table-cell;  /*只支持IE8+及现代浏览器,与position:absolute;或float:left;属性尽量不一起用*/
  text-align: center;
  background-color:#00ACED;
}
.method4{
  width:100px;
  height:100px;
  background-color:#0A58A0;
}
</style>

  

二十:让行内元素在div中垂直居中

标签:ace   ack   enter   使用   html   isp   属性   支持   浏览器   

原文地址:https://www.cnblogs.com/deng-jie/p/9206393.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!