什么是行间距？ 古时候我们使用印刷机来出来文字。印刷出来的每个字，都位于独立的一个块中。 行间距，即传说中控制两行文字垂直距离的东东。在CSS中，line-height被用来控制行与行之间垂直距离。 不过，行间距与半行间距，还是取决于CSS中的line-height。那么，如何来 ...

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

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

line-height的定义# 基线之间的距离 不同字体，基线位置不同 所有内联元素的样式表现都与行内框盒子模型有关，例如浮动的图文环绕效果 4种行内框盒子模型# 上面一行普通的文字，包含了4种盒子。 四种盒子模型： 1.“内容区域”（content area） 围绕文字看不见 ...

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

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

|line-height与line boxes高度 撑开行高度的是line-height（line-boxes），而不是字体大小 　　代码：　　 　　 　　效果： 　　 　　注：如果元素内没有内容，则不会撑开高度，因为line-boxes为0，即使指定了line-height也是不行 ...

让我对line-height和height的理解更深刻了，值得借鉴。 一、一些基本概念 1.行高是指文本行基线间的垂直 ...