面试官问了你那么多次，你还不知道BFC的概念及作用吗？又到了巩固前端基础的时间，本文记录BFC概念、触发条件以及一些用BFC作为解决方案的常见案例。

最近在做一个canvas图文验证功能。为了达到单个文字在指定区域的位置垂直居中放置，遇到一些问题。 canvas有textAlign和textBaseline两个属性设置文字的对齐方式。这两个属性是用来设置文本行内整体的对齐方式，但在这两个属性对于单个的字体无法垂直居中的效果。…

同学们好，我是来自 《技术银河》的 💎 三钻 。 这一周我们重新回到《重学 CSS》系列，之前的文章中我们重新学习了《 CSS 选择器 》和《 CSS 语法与规则 》。接下来我们就一起来讲讲 CSS 里面的排版与正常流。 在讲解 CSS 当中的排版正常流的时候，我们会按照属性…

目前浏览器实现动画的方式有如下两种 JS 动画 和 CSS 动画，本篇详细讲解 CSS 动画：CSS Transition过渡 和 CSS Animation 动画。

介绍1：九宫出现与微信的支付链接中9个元素,每一个格子中都有一个数字，而且每一个格子背景颜色不一样。实现步骤:1.九个格子的排列：利用display:flex弹性布局,分成三行，每一行包含三个子元素可

width:100%与width:auto区别 一、 width属性介绍 二、 话不多说，直接上代码看效果 三、 分析比较 我们给parent设置了padding:20px 内边距，给两个child都

getBoundingClientRect() 返回的是矩形的集合，表示了当前盒子在浏览器中的位置以及自身占据的空间的大小

flex布局是09年W3C 提出的一种布局方案，相比于传统的浮动（float）和定位（position）布局，不存在高度塌陷和脱标等问题，尽管已经推出十几年，仍然是当下最流行的布局方式

Grid 布局即网格布局，是一种新的 CSS 布局模型，比较擅长将一个页面划分为几个主要区域，以及定义这些区域的大小、位置、层次等关系。号称是最强大的的 CSS 布局方案！！