你可以设置 margin-left 和 margin-right 为 auto 来使块级元素居中。（同时该元素需要有设置了 width 属性才会生效，否则块级元素会占满一整行，自然不能居中。）一般使用如下的样式实现居中 - 在线编辑器

CSS 布局
CSS水平，垂直居中的11个场景
你可以设置 margin-left 和 margin-right 为 auto 来使块级元素居中。（同时该元素需要有设置了 width 属性才会生效，否则块级元素会占满一整行，自然不能居中。）一般使用如下的样式实现居中

          <style>
  .center-me {
    margin: 0 auto; /* 使块级元素居中 */
    width: 200px;
    background: black;
    padding: 20px;
    color: white;
  }
</style>

<div class="center-me">
  我是一个水平居中的块状元素。
</div>

        