元素的居中主要分为垂直居中和水平居中,其中不同类型的元素,比如块级元素,行内元素,文本等有不同的居中对齐方式。
水平居中
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<