css 超级简单的flexbox网格

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了css 超级简单的flexbox网格相关的知识,希望对你有一定的参考价值。

.row {
    display: flex;
    justify-content: space-between;
}
.col20 { width: 18.999%; } //20% columns
.col30 { width: 28.999%; } //30% columns
.col40 { width: 38.999%; } //40% columns
.col50 { width: 48.999%; } //50% columns
.col60 { width: 58.999%; } //60% columns
.col70 { width: 68.999%; } //70% columns
.col80 { width: 78.999%; } //80% columns

以上是关于css 超级简单的flexbox网格的主要内容,如果未能解决你的问题,请参考以下文章

使用 CSS 网格和 flexbox 定位图像

css 使用Flexbox网格

css 粘性页脚与flexbox和网格

css Flexbox - 照片网格

css Flexbox最后一项网格修复

scss 带有CSS网格增强功能的Flexbox行