尝试将div集中在另一个使用JS动态的div中

Question

http://jsfiddle.net/dad4avvj/1/

每当我尝试通过执行inline-block和text-align:center来对齐它时，它会使数字类失去位置并且看起来不对。

这些圈子是动画的，所以它们会在几秒钟内填满。我还需要在每个文本下添加文本，并在其容器中同样填充它们。唯一的问题是我希望实现它的网站，它的最大宽度为900px;

如何在不弄乱其余文本的情况下集中管理？

Answer 1

您还应用float:left以及inline-block。

如果您将其删除并将text-align:center应用于父级。它的中心就好了。

JSfiddle Demo

#bar {

    width: 100%;
    background: black;
    height: 300px;
    margin: auto;
    text-align: center;
   }

.radial-progress {
    display:inline-block;
   /* float:left; */
}

Answer 2

将text-align: left;提交至.numbers，text-align:center;提交至.bar，并从float:left删除.radial-progress即可解决您的问题。

.numbers {
    text-align: left;
}

检查Fiddle Here.

希望它有所帮助。