<分区>
标签 javascript html css
<分区>
我在 div 中创建了一个 div 和另一个 div。我希望这些点线 ... 应该位于父 div 的中间(水平和垂直)。请帮我。谢谢。
<div class = "test" style = "width: 32px; height: 22px; display: inline-block; border: 1px solid; border-radius: 5px; text-align: center;">
<div style = "display: inline-block;">...</div>
</div>
最佳答案
一种可能性(而且有很多)是使用 CSS Flexible Box Layout .
您可以使用 justify-content
属性定义沿主轴的对齐方式,使用 align-items
属性定义 flex 元素如何沿交叉轴布局.
你的 .test
容器看起来像这样:
.test {
display: flex;
justify-content: center;
align-items: center;
}
您可以在 this JSFiddle 上查看示例.
关于javascript - 如何在div内部对齐div中间,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38941265/