1. 单行文本占据的高度 2. 图片下面的空隙 3. 图文对齐问题 4. 矩形块对齐异常 上例中，vertical-align:1.5时，标题和文字显示正常；其他两个值时，标题和文字却挤在了一起。 分析：继承的差别，line-height为数值时，所有子元素继承的都是这个值；而…

line-height属性用于设置行间的距离（行高），行高指的是字母的大小(font-size)和字母的上下边缘(字母大小 + 上下空白)。 所以，文本单行占据的高度不是font-size来决定的，而是由line-height来决定的。 取决于用户端。桌面浏览器（包括Firef…

简要介绍：前端开发中，静态网页通常需要适应不同分辨率的设备，常用的自适应解决方案包括媒体查询、百分比、rem和vw/vh等。本文从px单位出发，分析了px在移动端布局中的不足，接着介绍了几种不同的自适应解决方案。 在静态网页中，我们经常用像素（px）作为单位，来描述一个元素的宽…

首先可以打开朋友圈观察不同图片数量的几种布局,也可参考下图示例； 可以发现 除1张图片，4张图片特殊外，其他数量图片均使用一行三列的方式排列； 　　 假设有如下HTML代码，这里imgList是一个图

这是我参与更文挑战的第8天 一.什么是sass： Sass 扩展了 CSS3，增加了规则、变量、混入、选择器、继承等等特性。Sass 生成良好格式化的 CSS 代码，易于组织和维护。 SASS是对CS

一、flex弹性的概念： 弹性盒子是一种用于按行或按列布局元素的一维布局方法，元素可以膨胀以填充额外的空间，收缩以适应更小的空间，适用于任何元素上，如果一个元素使用了flex弹性布局（以下都会简称为：

48张图带你从0到1掌握flex布局方式。 需要本文的Xmind导图的话，移步公众号--前端UpUp,回复flex关键字即可。 从上面图来看，我们将flex布局分为两部分讲，轴和容器。 打个预防针，flex布局涉及到12个CSS属性，父容器,子容器各6个。 接下来先梳理常见的属…

问：为什么要使用flex布局? 答：因为好用。 在面试的时候，当面试官问我们为什么要使用flex布局的时候，首先我们得先明白一点，问这个问题面试官到底想要了解什么？简单的回答”好用“肯定是不行的，任何

前言 大家好，我是林三心，清除浮动算是面试中CSS问的最多的一题了，当面试官问你请你说说如何清除浮动时，他肯定不是想让你单纯地答出浮动的清除方法，而是想让你顺带答出BFC，就算他不想让你答出，你也要自