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

div内容居中(水平+垂直)

时间:2016-01-20 18:50:21      阅读:139      评论:0      收藏:0      [点我收藏+]

标签:

水平

text-align: center;

垂直

/*第一种 行内垂直居中*/
    height: 43px;
    line-height:43px;
    vertical-align:middle;

   /*vertical-align:middle;表示行内垂直居中,我们将行距增加到和整个div一样高
    line-height:43px;然后插入文字,就垂直居中了。*/

/*第二种*/

    vertical-align:middle;
    display:table-cell;  /*将对象作为表格单元格显示 */

 

div内容居中(水平+垂直)

标签:

原文地址:http://www.cnblogs.com/leee/p/5145960.html

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