css中如何把div居中显示

 div {
    /* 方法一：使用margin */
    margin: 0 auto;
    /* 该方法的原理是将左右margin设置为auto，从而使该元素水平居中 */

    /* 方法二：使用flexbox */
    display: flex;
    justify-content: center;
    align-items: center;
    /* 该方法的原理是使用flexbox布局，通过设置justify-content和align-items属性，使该元素在水平和垂直方向上居中 */

    /* 方法三：使用absolute定位 */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    /* 该方法的原理是使用absolute定位，将元素放在容器的中心位置，然后使用transform属性将元素向左和向上移动自身宽度和高度的一半，从而使该元素水平和垂直居中 */
  } 

以上是几种常用的将