如何对齐中心的任何元素?

时间:2017-06-30 12:29:36

标签: html5 css3 responsive-design center

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

2 个答案:

答案 0 :(得分:2)

垂直和水平居中元素

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

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

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

答案 1 :(得分:0)

这会有用......

&#13;
&#13;
.center {width: 300px; height: 300px; margin: auto; background: #f00;}
&#13;
<div class="center"></div>
&#13;
&#13;
&#13;

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