文章关键字 ‘flex布局’

flex:0 flex:1 flex:none flex:auto应该在什么场景下使用?

2020年10月6日,星期二

flex:initial适合小部件元素的分布布局,flex:0适合用到替换元素的场景,flex:none适合按钮等不换行的小控件,flex:1适合等分布局,flex:auto适合基于内容动态适配的布局,具体的剖析可以点击链接进行查看。

阅读全文…

CSS gap属性进化史

2020年06月7日,星期日

蜜瓜占位

带大家了解下gap属性的前世今生,了解gap属性在CSS世界3大布局中的过往和现状。

阅读全文…

CSS columns轻松实现两端对齐布局效果

2020年05月27日,星期三

CSS columns,就是分栏布局的columns属性,可以在不改变元素display值前提下实现两端对齐布局效果,说不定关键时候还是很有用的,可以来了解下这种CSS布局方法。

阅读全文…

Oh My God,CSS flex-basis原来有这么多细节

2019年12月31日,星期二

css flex-basis文章占位图

Flex元素尺寸由盒模型,自身尺寸和flex属性共同决定,其中,自身尺寸包括width和content内容尺寸,flex属性中的flex-basis直接与尺寸关联,这些尺寸混杂在一起,究竟是如何生效的呢?其中细节又是什么呢?本文会为你揭晓这些问题的答案。

阅读全文…

CSS flex属性深入理解

2019年12月22日,星期日

CSS flex深入理解

一文轻松弄懂CSS flex简写语法的含义,从此各种自适应布局驾轻就熟。细节,深入,用心的案例,静心制作的演示说明GIF,全为了让你更轻松地理解与更容易地学习。

阅读全文…

CSS值类型文档大全

2019年11月10日,星期日

CSS属性值类型大全

爆肝整理了全部近50个CSS data type 数据类型,这些基础的概念对于理解新的CSS世界体系非常重要,独一无二的文档整理,包含大量有用的CSS知识点,希望可以对您的学习有所帮助。

阅读全文…