css如何实现3个小块居中

CSS可以通过一些方法来实现多个小块居中。其中，以下是一种使用Flex布局的方法。

.container {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100vh;
 /* 通过设置高度来垂直居中 */}
.box {
      width: 100px;
      height: 100px;
      background: #ccc;
      margin: 10px;
}
    

上方的代码中，Flex布局的容器使用了display属性来指定为flex，两个属性justify-content和align-items对应横向和纵向的对齐方式，分别使用了center来实现居中对齐。

这种方法的优点是，可以很方便地调整块之间的间距和大小。但也有一些不足，例如需要考虑兼容性问题，可能需要写一些Hack代码。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！