flex 布局 弹性布局 笔记

使用 弹性布局 可以开发自动适应div大小按比例大小占用 


html代码如下 :

   

   

   

   

flex-grow 属性设置当前块所占比例大小



CSS代码如下:

.box{

width: 500px;

height: 300px;

background: pink;

display: flex;

}

.item{

background: red;

margin: 10px;

}


效果图:


flex 布局 弹性布局 笔记_第1张图片

你可能感兴趣的:(flex 布局 弹性布局 笔记)