Web开发

Flexbox弹性布局实战教程

nizhaohai 2024年06月25日 1 分钟阅读 64 次浏览 0 条评论

Flexbox是一维布局模型，非常适合组件级别的布局。

容器属性

.container {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}

.item {
    flex: 1;
    align-self: flex-end;
    order: 2;
}

nizhaohai

暂无评论，来发表第一条评论吧！

昵称 *

邮箱 *

网站

评论内容 *