元素垂直居中方法

元素垂直居中方法

1. 行高=容器高度

2. 给父元素:text-align:center;

   给元素自身

        width:0; height:100%;

        display:inline-block(转为行内块);

        vertical-align:middle;

3. 子绝父相,给父元素添加:position:relation;

    给子元素添加

        position:absolute;

        left:0;

        bottom:0;

        right:0;

        top:0;

        margin:auto;

4.弹性盒:

   给父元素添加:

                    display:flex;

                    justify-content:center;

                    align-items:center;

5.子绝父相:

    给子元素添加:left:50%;

                            top:50%;

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。