美文网首页
块元素的居中问题

块元素的居中问题

作者: 小飞侠zzr | 来源:发表于2017-09-12 20:35 被阅读0次

    方法一:利用弹性和模型
    对块元素的父级设置:display:flex;justify-content: space-around;align-items:center;
    方法二:利用定位:
    对块元素的父级设置position:relative;
    对块元素设置:position : absolute; left:0;right: 0; top:0;bottom: 0;
    margin: auto;
    方法三:利用定位(已知元素的尺寸)
    对块元素的父级设置position:relative;
    对块元素设置:position : absolute;left:50%;top:50%;
    margin:-n 0 0 -n; (其中n代表块元素尺寸的一半)

    相关文章

      网友评论

          本文标题:块元素的居中问题

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