行内元素以及块级元素如何居中?

    xiaoxiao2023-12-02  176

    行内元素如何居中? 行内元素用text-align:center; 块级元素如何居中? 第一用 margin:0 auto; 第二用定位:

    position: absolute; left:50%; right: 50%; transform: translate(-50%)

    结果如下:

     

    第三用浮动:

    float: left; margin-left: 50%; margin-right: 50%; transform: translate(-50%);

    结果如下:

    第四种flex布局:

    html{ display: flex; justify-content:space-evenly; } .div1{ width: 200px; height: 200px; background-color: blanchedalmond; }

    结果如下:

     

     

    最新回复(0)