如何在css中设置行高

这篇文章将为大家详细讲解有关如何在css中设置行高,文章内容质量较高,因此小编分享给大家做个参考,希望大家阅读完这篇文章后对相关知识有一定的了解。

在css中,可以使用行高属性来设置行高,只需要给指定元素添加“行高:行高值;“样式即可,例“行高:10 px;”.line-height属性可以设置行间的距离(行高),不允许使用负值。

所谓行高是指文本行基线间的垂直距离。要想理解这句话首先得了解几个基本知识:

<强>顶线,中线,基线,底线

& lt; ! DOCTYPE  html> 　　& lt; html> 　　,,,& lt; head> 　　,,,,,,,& lt; title> Test 　　,,,,,,,& lt; style 类型=拔谋?css",在 　　,,,,,,,,,,, 　　,,,,,,,,,,,{ 　　,,,,,,,,,,,,,,,填充:0 px; 　　,,,,,,,,,,,,,,,行高:1.5; 　　,,,,,,,,,,,} 　　,,,,,,,& lt;/style> 　　,,,& lt;/head> 　　,,,& lt; body> 　　,,,,,,,& lt; div 类=皌est"比; 　　,,,,,,,,,,,& lt; div 风格=癰ackground - color: # ccc;“比; 　　,,,,,,,,,,,,,,,& lt; span 风格=白痔宕笮?3 em; background - color: # 999;“祝辞中文English 　　,,,,,,,,,,,,,,,& lt; span 风格=白痔宕笮?3 em; background - color: # 999;“在英语中文& lt;/span> 　　,,,,,,,,,,,& lt;/div> 　　,,,,,,,& lt;/div> 　　,,,& lt;/body> 　　& lt; html>

& lt; div 风格=癰ackground - color: # ccc;“比; 　　,,,,,,,,,,,,,,,& lt; span 风格=白痔宕笮?1 em; background - color: # 666;“祝辞中文English 　　,,,,,,,,,,,,,,,& lt; span 风格=白痔宕笮?3 em; background - color: # 999;“祝辞中文English 　　,,,,,,,,,,,,,,,& lt; span 风格=白痔宕笮?3 em; background - color: # 999;“在英语中文& lt;/span> 　　,,,,,,,,,,,,,,,& lt; span 风格=白痔宕笮?1 em; background - color: # 666;“在英语中文& lt;/span> 　　,,,,,,,,,,,& lt;/div>

如何在css中设置行高