详解CSS居中对齐的3种方式15个样例

一、水平居中 

1、在块级父容器中让行内元素或者行内块元素居中，只需使用 text-align: center，这种方法可以让 inline/inline-block/inline-table/inline-flex 居中。

<div class="container">
  <span class="content">水平居中</span>
</div>
.container {
  text-align: center;
}

2、margin: 0 auto 或者 margin: auto，可以让块级父容器中的块级元素居中，对于行内元素，则需结合display:...