CSS 5 种居中方法总结

元素的居中主要分为垂直居中和水平居中，其中不同类型的元素，比如块级元素，行内元素，文本等有不同的居中对齐方式。
水平居中
1.块级元素水平居中：元素设置宽高后 margin: 0 auto
HTML

    <div id="mydiv">
        块级元素
    </div>

CSS

        #mydiv {
   
            width: 300px;
            height: 100px;
            background-color: pink;
            margin: 0 auto;
        }

2.文本元素在其他元素内部水平居中：text-align: center
HTML

    <div id="mydiv">
        块级元素
    </div<