设置flex弹性盒布局之后，你会忽略的一些性质

最新推荐文章于 2024-08-15 15:20:23 发布

竹月先生

最新推荐文章于 2024-08-15 15:20:23 发布

阅读量109

点赞数 1

分类专栏： flex 文章标签： css html css3 前端平面

本文链接：https://blog.csdn.net/super1468650921/article/details/125266697

版权

flex 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

“容器”内的子项目不再受行内、行内块性质的约束。

<style>
      .box {
        width: 800px;
        height: 100px;
        background-color: pink;
        display: flex;
        justify-content: space-evenly;
      }
      .box a {
        height: 100px;
        width: 100px;
        background-color: gold;
      }
      .box span {
        height: 100px;
        width: 100px;
        background-color: yellowgreen;
      }
      .one {
        width: 800px;
        height: 200px;
        background-color: red;
      }
    </style>
  </head>
  <body>
    <div class="box">
      <a>1</a>
      <a>2</a>
      <span>3</span>
      <span>4</span>
      <span>5</span>
    </div>
    <div class="one"></div>
  </body>