全面理解line-height与vertical-align

前面的话
  line-height、font-size、vertical-align是设置行内元素布局的关键属性。这三个属性是相互依赖的关系,改变行间距离、设置垂直对齐等都需要它们的通力合作。在CSS字体里面已经详细介绍了font-size的相关内容,本文将主要介绍line-height与vertical-align。
line-height
定义
  line-height行高是指文本行基线之间的距离。行高line-height实际上只影响行内元素和其他行内内容,而不会直接影响块级元素,也可以为一个块级元素设置line-height,但这个值只是应用到块级元素的内联内容时才会有影响。在块级元素上声明line-height会为该块级元素的内容设置一个最小行框高度
  值: | | | normal | inherit
  初始值: normal
  应用于: 所有元素
  继承性: 有
  百分数: 相对于元素的字体大小font-size

你可能感兴趣的:(全面理解line-height与vertical-align)