说在前面：通过这次深入学习CSS的line-height和vertical-align属性，对CSS真是刮目相看，决心开始深入CSS学习哈哈。 一、从一个常见的需求开始 　　在一行中，左侧图标，图标右侧是文字，并且图标和文字在这行垂直居中。 　　上代 ...

前面的话 　　line-height、font-size、vertical-align是设置行内元素布局的关键属性。这三个属性是相互依赖的关系，改变行间距离、设置垂直对齐等都需要它们的通力合作。在CSS字体里面已经详细介绍了font-size的相关内容，本文将主要介绍line-height ...

vertical-align 属性设置元素的垂直对齐方式； 想必大家都知道这个属性，也知道怎么用。但是今天我要说的是其中值：middle（把此元素放置在父元素中部）存在的一个小小的bug...... 如果不仔细观察，想必是不会发现的，但是作为一个严谨且拥有强烈强迫症的童鞋，简直是无法容忍这种 ...

一、为什么要写这篇文章 今天看到一个问题： 两个div 都设置 display：inline-block，正常显示；但是在第二个div中加一个块级元素或者内联元素，显示就变了个样，为什么？ 解决方案就是给第二个div加上：vertical-align:top ...

前言 一直听说line-height是指两行文本的基线间的距离，然后又说行高等于行距，最近还听说有个叫行间距的家伙，@张鑫旭还说line-height和vertical-align基情四射，贵圈真乱啊。。。。。。于是通过本篇来一探究竟:) line-height到底有多height？ 行距 ...

本文为饥人谷讲师方方原创文章，首发于 前端学习指南。 这是一篇译文，对 inline 和 inline-block 的元素剖析非常给力。 原文：Deep dive CSS: font metrics, line-height and vertical-align - Vincent ...

： 我们只给图片设置vertical-align:middle 是不起作用的 ，是因为这句话是：将支持val ...

一、vertical-align vertical-align是用来指定行内元素或者表格单元格元素的垂直对齐方式 vertical-align属性可被用于两种环境： 使行内元素盒模型与其行内元素容器垂直对齐。用于垂直对齐一行文本的内的图片< ...