行高，顾名思义指的就是一行文字的高度。按照定义来解释，就是两行文字之间基线之间的距离。那么问题来了，什么是基线呢？大家回想下我们刚开始学习汉语拼音的时候，使用四线格本子的四条线，其中倒数第二条线就是基线，如果你说，抱歉，我已经全部还给老师了，没有任何印象。呵呵，别急呢，我已经给…

原文链接：一文吃透 CSS Flex 布局 教学游戏 这里有两个小游戏，可用来练习 flex 布局。 塔防游戏 送小青蛙回家 Flexbox 概述 Flexbox 布局也叫 Flex 布局，弹性盒子布

CSS中的vertical-align用于设置行内块或者行内元素行内元素的对齐方式，似乎使用起来很简单，但使用过程中的坑很多。供零基础或者有疑惑的同学一些参考。

[TOC] vertical-align 一个行盒中行内块元素的对齐方式 vertical-align 会影响行内块级元素在一个行盒中垂直方向的位置 行盒 常见的行盒：包含具体内容的元素 span、s

在认识 vertical-align 属性之前，首先要了解几个基本的概念。 值得注意的是：例如 float 和 position: absolute ，一旦设置了这两个属性之一，元素的 display 值被忽略，强制当成 block 方式处理，因此，vertical-align…

介绍图片大小、边框、图片对齐、文字环绕图片的方式，并给出使用 vertical-align 使图片垂直对齐的方式。

CSS永远比你想象的要强大，很多平时用JS实现的效果，可能用CSS就是几行代码的事儿，本文罗列了一些冷门又好用的 CSS 特性，帮助你更高效、更优雅的画页面。

 在前端开发中，CSS浮动是一项重要的技术，它可以帮助我们实现页面布局和元素定位的灵活性。本文将深入探讨CSS浮动的作用与特点、清除浮动的方法以及块

一、认识浮动 CSS 浮动属性 float 可以指定一个元素沿其容器的左侧或者右侧放置，允许文本和内联元素环绕它。 float 属性最初只用于在一段文本内浮动图像，实现文字环绕的效果，由于早期的 CS