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行