css - 如何使用css3居中对齐div？

Question

我是 css3 新手。只是想知道如何居中对齐 div，它应该适用于网络浏览器、网络套件。我没有页面的确切尺寸。我试过了

div.inputs { 
   margin-left:auto;
   margin-right:auto;
}

但这对我来说永远不起作用。

Answer 1

根据您的 HTML，您可以使用 display: flex 通过少量 CSS 实现简单的完全居中元素，无需额外的 HTML 元素

.container{
    display: flex;
    align-items: center;
    justify-content: center;
}

Here is an example Fiddle