让一个div在容器中心位置显示有几种方法，哪个更好一点。

Question

问题遇到的现象和发生背景

问题相关代码，请勿粘贴截图

运行结果及报错内容

我的解答思路和尝试过的方法

我想要达到的结果

Answer 1

1、设置左右的margin为auto

div{
        margin: 20px auto;

　     width:800px;
    }

此方法要有这个声明：

并且，设置的居中元素要有一个固定的宽度；

2、相对定位与负的边距

div{        

　　  position:relative;
　　  width:760px;
　　  left:50%;
　　  margin-left:-380px

      }

3、flex布局
在div的父元素设置如下代码，建议好好学一下flex布局

    display: flex;
    align-items: center;
    justify-content: center;