关于网页元素居中常见的两种方法

<div class="main_left">
      <img :src="item.img"/>   /* 简单的来个例子     */
</div>

    position: absolute;   //通过绝对定位的方式来完成，这个的话居中就不能进行改变
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
    margin: auto;

    display: flex;   //这种方式显得更简单直接，也不能直接进行改变，但是要注意兼容性的问题
    align-items: center;
    justify-content: center;