不固定宽度的div居中显示

Posted 2020-10-13

对于div的居中 ,如果是有固定宽高的，可以加margin:auto;水平垂直居中，但如果是不固定宽高，又想让div居中的话，这种方式都可能不奏效，达不到想要的效果。

有两种方法：1、加display:inline;变成内联元素，可以给父级加text-align:center

2. 

.inwrap {
        float: left;
        position: relative;
        left: 50%;    
    }
    .page {
        float: left;
        position: relative;
        left: -50%;
    }

<div class="wrap clearfix">
        <div class="inwrap">
            <div class="page">
                这是内容
            </div>
        </div>
    </div>