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

时间：2020-02-04 11:46:07 收藏：0 阅读：68

第一种我们直接使用定位的方法来完成，话不多说直接上代码

HTML

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

下面上CSS代码：

第一种方法

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

第二种方法

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

.........后面还有其它的方法请自己去发掘，我这里就不在过多的举例

原文：https://www.cnblogs.com/dy105525/p/12258538.html