flex一行显示弹性布局

最新推荐文章于 2024-07-31 12:16:44 发布

盏茶作酒

最新推荐文章于 2024-07-31 12:16:44 发布

阅读量3.7k

点赞数

分类专栏： flex一行显示弹性布局文章标签： flex一行显示弹性布局

本文链接：https://blog.csdn.net/qq_40999917/article/details/79932182

版权

flex一行显示弹性布局专栏收录该内容

1 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <title>Document</title>
   <style>
       *{
           padding:0;
           margin:0;
       }
       /*flex里的项目是不脱离文档流的*/
       #hd{
          width:80%;
          border:4px solid orangered;
          height:500px;
          /*指定容器里的项目为弹性布局*/
          display: flex;
       }
       #hd>div{
          width:180px;
          height:200px;
          background:dodgerblue;
          border:1px solid purple;
           /*float:left;*/
       }
   </style>
</head>
<body>
   
   
   <div id="hd">
       <div></div>
       <div></div>
       <div></div>
       <div></div>
       <div></div>
       <div></div>
   </div>
</body>
</html>