首页 > Web开发 > 详细

html中块元素的垂直水平居中。及兼容性

时间:2016-09-10 23:59:19      阅读:396      评论:0      收藏:0      [点我收藏+]
  1. 块在块中垂直居中
    (position:absolute; top:50%; margin-top:-二分之一高度)

    技术分享
    技术分享
  2. 块在块中水平居中
    (子元素设置margin:0 auto 或auto)
    技术分享

    技术分享
  3. 方法1将垂直水平同时居中

    #box {

    width: 100px;

    height: 80px;

    background-color: gray;

    position:absolute;

    top:50%;

    left:50%;

    margin-top:-40px;<!--向上高度一半-->

    margin-left:-50px;<!--向左宽度一半-->

    }

html中块元素的垂直水平居中。及兼容性

原文:http://www.cnblogs.com/sweetXiaoma/p/5860439.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!