随笔分类 -  flex布局

摘要：flex布局相信很多人都已经有不少了解，其优势和作用被越来越多的开发者所喜爱，网上也有很多关于关于flex的介绍和教程。但是根据笔者的面试经验发现，很多人尤其是初中级开发者对flex布局都仅仅停留下center布局、flex-start/end布局。当被问到什么是 stretch布局、space-b 阅读全文

摘要：专栏地址：CSS 特性及应用 本文作者：前端小东 一、flex弹性的概念： 弹性盒子是一种用于按行或按列布局元素的一维布局方法，元素可以膨胀以填充额外的空间，收缩以适应更小的空间，适用于任何元素上，如果一个元素使用了flex弹性布局（以下都会简称为：flex布局），则会在内部形成BFC，flex布局 阅读全文

摘要：前言 最近在项目中，遇到布局问题，有时候，需要堆叠很多的样式，去排版，一定程度上增加了代码量，那么有没有更加方便的布局方式呢？👇 48张图带你从0到1掌握flex布局方式。 flex布局在某种程度上，简便我们布局的一个难题，接下来的篇幅将介绍它的使用👇 需要本文的Xmind导图的话，移步公众号- 阅读全文

摘要：本文参考了张鑫旭大大的文章，和阮大大的flex布局， 部分图片和段落结构一致，仅作为个人总结，侵权删。 flex属性介绍 平时在项目中Flex布局的使用频率非常高，但是对于flex的几个值的具体用法和使用场景有时候不是很清楚，所以写此文来总结下。 首先，flex属性其实是一种简写，是flex-gro 阅读全文

摘要：我正在参加 码上掘金体验活动，详情：show出你的创意代码块 写在前面，由于文章里面有很多flex布局效果图占据了很大的篇幅，导致篇幅很长。以下内容主要分为四个部分： 常见概念 flex容器相关属性 flex元素相关属性 flex布局的应用 flex布局的兼容性处理 flex布局的相关概念 弹性盒模 阅读全文