css行间距如何设置
更新:HHH   时间:2023-1-7


这篇文章主要介绍“css行间距如何设置”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“css行间距如何设置”文章能帮助大家解决问题。

1、div+css实例完整HTML代码:

<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>天达云 css行间距实例</title> <style> .天达云-a{ line-height:22px}/* css 注释说明:设置行距行高22px */ .天达云-b{ line-height:40px}/* 设置行距行高22px */ </style> </head> <body> <div class="天达云-a"> 我被设置行高22px<br /> 我行距为22培训<br /> DIVCSS5占位内容 </div> <div class="天达云-b"> 我被设置行高40px<br /> 我行距为40培训<br /> DIVCSS5占位内容 </div> </body> </html>

设置了两个盒子分别css行高间隔设置为22px和40px,大家可以复制以上代码进行实践观察效果掌握css设置对象内字体文字上下行间距。掌握设置行间距行高代码是什么。

2、css div行高行间距效果截图


关于“css行间距如何设置”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识,可以关注天达云行业资讯频道,小编每天都会为大家更新不同的知识点。

返回web开发教程...