如何将任何元素居中对齐？

Question

我已将 width:350px; 修复到 div 元素，并希望在屏幕中央显示。我用过margin:auto;属性。但是，我仍然无法做同样的事情。请指教

Answer 1

这会起作用...

.center {width: 300px; height: 300px; margin: auto; background: #f00;}

<div class="center"></div>

但是你需要检查你的元素中不应该有任何 float 属性..!

Answer 2

将元素垂直和水平居中

<div class="container">
    <div class="content">TEXT</div>
</div>

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

你的容器必须有我推荐的高度

How to align any element in center?