如何对齐div中的div中间
这个问题在这里已经有了答案：
一种可能性（并且有很多）可以使用CSS灵活框布局。
您可以使用justify-content属性沿着主轴定义对齐方式，并使用align-items属性来定义Flex项目沿横轴放置的方式。
你的.test容器看起来像这样：
.test {
display: flex;
justify-content: center;
align-items: center;
}
你可以在这个JSFiddle上检查一个例子。
您必须在您的父元素上使用表格单元格，并在子元素上使用内嵌块，并将垂直对齐：中间添加到父元素：
<div class = "test" style = "width: 32px; height: 22px; display: table-cell; border: 1px solid; border-radius: 5px; text-align: center; vertical-align: middle;">
<div style = "display: inline-block;">...</div>
</div>
https://jsfiddle.net/Lkfr6ar1/
链接地址: http://www.djcxy.com/p/75883.html