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

关于垂直居中

时间:2017-11-03 13:09:06      阅读:165      评论:0      收藏:0      [点我收藏+]

标签:多行   lin   居中   table   ddl   lock   思路   定位   cal   

1.单行文本垂直居中 (lineheight即可)

2.多行文本居中

思路: 将多行文本 dispaly: inline-block;

   外层div设置 display: table-cell;vertical-align: middle;

注意:

   不能使用浮动和绝对定位,会破坏display: tabel-cell;

   display:table-cell类似td,没有margin属性

3.图片垂直居中参照2

关于垂直居中

标签:多行   lin   居中   table   ddl   lock   思路   定位   cal   

原文地址:http://www.cnblogs.com/yigexiaojiangshi/p/7777380.html

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