div css组织笔墨字体高上行,行和行之间间距间隔设置,简称css 行间距花式调处设置装备摆设
设置装备摆设字体凹凸行间距CSS名目单词:line-height(行高)——深刻体味CSS 行高
p{line-height:22px}
配置p标签内笔墨高上行和行之间间距为22px
一致CSS行间距距离比拟实例:
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>行间距实例 CSS5</title> <style> .bc{ line-height:14px} .ab{ line-height:30px} </style> </head> <body> <div class="bc"> 测试翰墨<br /> 迎接造访CSS5<br /> 进修CSS上css5.com.cn<br /> </div> <div class="ab"> 测试文字<br /> 迎接会晤CSS5<br /> 学习CSS上css5.com.cn </div> </body> </html>
以上对class=bc配置行间距14px,class=ab配置行间距为30px,运用line-height设置不同业高进程可否应用line-height设置行与行之间间距。
截图:
应用css line-height设置行间距实例截图
从实例看出行和行之间间距,字体高低行间距应用行高属性line-height即可完成行间距疗养。
如需转载,请注明文章出处和来源网址:http://www.divcss5.com/css-tool/t52646.shtml