line-height

css中起高度作用的应该是height 和 line-height.

有一个空div ,<div></div>，如果没有设置至少大于1像素高度height值时，该div的高度就是个0。如果该div里面打入了一个空格或是文字，则此div就会有一个高度。

撑开高度的是line-height 而不是 文字

单行文字的垂直居中

只需要设置line-heigt 的值就可以。

误区：把line-height 设置为 height 一样大小的值可以实现单行文字的垂直居中
正确：把line-height设置成需要的box的大小可以实现单行文字的垂直居中。