div里面的css内容中心

Question

我有

<div class="dashboard_content-area">
  <div class="infinity-loader" style="justify-content: center;">
    <div class="la-ball-beat" style="justify-content: center;">
        <div class="dreikanter la-ball-beat__item">1</div>
        <div class="dreikanter la-ball-beat__item">2</div>
        <div class="dreikanter la-ball-beat__item">3</div>
    </div>
  </div>
</div>

但它仍然不在div内部。我也启用了引导程序。

Answer 1

将display: flex添加到la-ball-beat课程中，该课程应将您的内容集中在一起。

Answer 2

如果您正在使用Bootstrap，那么为什么不使用Bootstrap居中选项呢？

我必须看到更多你想要集中体验的东西，但是看看Offset with Bootstrap。 https://getbootstrap.com/docs/3.3/css/#grid-offsetting

Answer 3

使用绝对定位并使用您喜欢的照片编辑器以像素为单位测量偏移。迭代直到它在中间。