问答详情
源自:3-5 垂直居中布局的第二种解决方案优点与缺点

第三种解决办法

<!DOCTYPE html>

<html lang="en">

<head>

  <meta charset="UTF-8">

  <meta name="viewport" content="width=device-width, initial-scale=1.0">

  <meta http-equiv="X-UA-Compatible" content="ie=edge">

  <title>01-04水平居中布局第四种</title>

  <style>


    .main{

      width:500px;

      height:100px;

      background: #666;

      display: flex;

      justify-content: center;

    }

    .child {

      width:100px;

      height:100px;

      background: red;

      


    }

  </style>

</head>

<body>

  <div class="main">

    <div class="child">

      11111

      1111111111

      11111111111

      11111111

      </div>

  </div>

</body>

</html>

http://img1.mukewang.com/5def63340001bfdd01280629.jpg

提问者:往事随风_遇见最好的你 2019-12-10 17:19

个回答

  • 往事随风_遇见最好的你
    2019-12-10 17:20:17

    挺好的