美文网首页
div+css实现元素垂直水平居中

div+css实现元素垂直水平居中

作者: C_Y大渔 | 来源:发表于2017-01-06 17:59 被阅读0次

    方法1:(未知宽高-加给父级)

    vertical-align:middle;

    display:table-cell;

    text-align:center;

    方法2:(加给元素本身)

    margin: auto;

    position: absolute;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

    方法3:(加给元素本身)

    position:absolute;

    left:50%;

    top:50%;

    margin-left:width/2;

    margin-top:height/2;

    方法4:(弹性盒模型-交给父级)

    display: -webkit-box;           //开启弹性盒模型

    -webkit-box-align: center;    //水平居中

    -webkit-box-pack: center;    //垂直居中

    方法5:(待续...)

    相关文章

      网友评论

          本文标题:div+css实现元素垂直水平居中

          本文链接:https://www.haomeiwen.com/subject/blizvttx.html