这篇文章主要介绍“css行间距如何设置”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“css行间距如何设置”文章能帮助大家解决问题。
1、div+css实例完整HTML代码:
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>编程网 css行间距实例</title> <style> .编程网-a{ line-height:22px} .编程网-b{ line-height:40px} </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行间距如何设置”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识,可以关注编程网行业资讯频道,小编每天都会为大家更新不同的知识点。