flex弹性布局解析
程序员文章站
2022-11-21 23:26:00
flex弹性布局
html代码:
弹性布局
css代码:
.flex-wrp {
display: flex;
/* 是否换行 */
flex-wrap: wrap;
/* 主轴方向 */
flex...
flex弹性布局
html代码:
弹性布局
css代码:
.flex-wrp {
display: flex;
/* 是否换行 */
flex-wrap: wrap;
/* 主轴方向 */
flex-direction: row;
/* 主轴对齐 */
justify-content: center;
/* 交叉轴对齐 */
align-items: center;
}
.flex-item {
width: 150px;
height: 100px;
}
上一篇： 脚底起皮是怎么回事 脚底起皮的原因介绍
下一篇： 三种方法实现CSS三栏布局