前端学习笔记-CSS-行高

行高的测量

 

前端学习笔记-CSS-行高_第1张图片

行高我们利用最多的一个地方是: 可以让一行文本在盒子中垂直居中对齐。

做法就是: 文字的行高等于盒子的高度。

 

前端学习笔记-CSS-行高_第2张图片

上距离和下距离总是相等的,因此文字看上去是垂直居中的。

如果 行高 等 height 高度 文字会 垂直居中

如果行高 大于 高度 文字会 偏下

如果行高小于高度 文字会 偏上

 

练习:




	
	
	行高
	


	导航栏
	导航栏
	导航栏
	导航栏

效果:

前端学习笔记-CSS-行高_第3张图片

 

你可能感兴趣的:(前端学习-HTEML&CSS)