首页 > 其他 > 详细

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

时间:2016-01-20 18:48:42      阅读:141      评论: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
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!