本文不会覆盖Grid 布局的所有细节，而是面向那些想快速用起来并看到效果的你们。我将会向你介绍 Grid 技术的20%，学会了这些你就掌握了Grid 功力的80%了，开心不🤒。

one more time one more chance. 一歩重头学前端, css入门。 学习一些 CSS 文本控制的属性，防止做傻事。请大家对照下面列表检验下： 会的、不会的、似懂非懂的。笔者是一个也不会。 white-space text-overflow: ellipsis; word-break, word-wrap text-align: justify text-decoration text-transform text-indent lette...

display: grid;或display: inline-grid;或display: subgrid;。grid 和 inline-grid 很好理解就是块级网格及行内块级网格。subgrid 是用来定义子网格，子网格会继承父网格的一系列规格。

Grid，真的布局神器。Css在引入Flex布局和Grid布局两个模块后，才真正有了布局的概念。最初的table布局不知道是神马鬼，再到 float 满天飞，可能还要使用abosulte来实现页面的布局。总之，实现起来特别别扭，要时刻注意：我这么写会不会塌陷，会不会给后面的元素造成影响，尼玛为啥还串位了。笔者斗胆的称这些实现为布局...

本文涉及内容如下： flexbox的基本概念、容器属性学习、项目属性学习、实战演练。 flexbox 堪称布局神器，但属性实在太多让人无从下手，因此将自己所学的知识做个总结。