美文网首页
响应式元素居中

响应式元素居中

作者: 索隆萨克 | 来源:发表于2018-11-08 11:25 被阅读16次

    当前元素box,宽度为width,高度为height
    注意:父元素设置position:relative;

    // 左右居中
    .box{
      position:absolute;
      left:calc(50% - width/2);
    }
    // 垂直居中
    .box{
      position:absolute;
      top:calc(50% - height/2);
    }
    

    相关文章

      网友评论

          本文标题:响应式元素居中

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