CSS深入基础篇---元素显示模式转换(4)

元素显示模式转换 说白了就是一个模式的元素需要另外一种模式的特性

比如: 想增加链接 <a>的触发范围.

转换为块元素:  display:block;

转换为行内元素: display:inline 

转换为行内块: display:inline-block

每日一个年薪百万小技巧: 单行文字垂直居中的代码

CSS没有给我们提供文本垂直居中的代码

那么如何让文字垂直居中呢?

解决方案: 让文字的行高等于盒子的高度 就可以让文字在当前盒子内垂直居中

单行文字垂直居中: line-height:  数值和盒子的高度相同

原理:

                被上下空隙挤到中间的