Css 居中对齐多个子DIV

我发现解决这个问题有点困惑

我有父DIV和3个或更多子DIV

父DIV居中对齐，子DIV应向左浮动，但应居中对齐

CSS包含

.center {
   float:left;
   height:250px;
   width:15%;
   margin: 0 auto;
   border: 1px solid black;
}

---

自动边距将不适用于应用了浮动的元素。移除浮动应该让您开始…

如果您希望将元素水平对齐到中心位置，则不要浮动它们

通过更改其父项的

文本对齐

样式，将它们的显示方式更改为

内联块

，并将它们在中心对齐：

#父级{
文本对齐：居中；
高度：450px；
宽度：75%；
边框：1px纯蓝色；
}
.中心{
显示：内联块；
高度：250px；
宽度：15%；
保证金：0自动；
边框：1px纯黑；
}

#父级{
显示器：flex；
证明内容：中心；
弹性方向：行；/*默认值为行*/
高度：350px；
宽度：75%；
边框：1px纯蓝色；
填充：10px 0；/*非强制性*/
}
.中心{
高度：250px；
宽度：15%；
保证金：5px；
边框：1px纯黑；
}

水平和垂直居中 使用

top

垂直居中，并且

calc

正在动态计算

top

值。 顶部将使用

相对位置

在父对象中使用

text align:center

，&

display:inline block

在子对象中使用水平居中

.parent{
高度：400px；
宽度：400px；
位置：绝对位置；
边框：1px纯黑；
文本对齐：居中；
}
.孩子{
位置：相对位置；
高度：70像素；
宽度：70px；
边框：1px纯红；
顶部：钙（50%-70px/2）；
显示：内联块；
}

+1用于指出导致空白的PITA。哈哈，可能是因为问了另一个问题而保存了OP。我还随意编辑了A字并设置了一点格式。希望你没问题。这对我有用…谢谢…它救了我一天。。