css居中

水平居中

一。margin:0 auto 设置居中问题

1.首先设置成块级元素（display:block;）,设置N % 或 N px;

2.该元素不能浮动

3.display:table-cell;的设置会导致失效

4.position：absolute;会导致此属性失效

    <div style="">
        <p style="margin: 0 auto;display: block;1%;">
            123123
        </p>

水平居中

二。 放进去就居中

<div style="display: flex;">
    <div style="margin: 0px auto;">
//要给宽度width
    </div>
</div>

垂直居中

一。绝对定位居中

注意：先设置，margin:auto，再设置top:0;bottom:0;才能生效

position: absolute;
            
            right: 0;
            top: 0;
            bottom: 0;
            margin: auto;

【转】待整理