码迷,mamicode.com
首页 > Web开发 > 详细

如何在html中更改行间距

时间:2020-05-23 11:33:44      阅读:163      评论:0      收藏:0      [点我收藏+]

标签:tps   php   公司   南京   ant   --   span   视频   级联   

------------恢复内容开始------------

 行间距

  行间距指的是处于呈现的HTML页面文本行之间的垂直高度。这个间距值被浏览器或渲染引擎设置为适当的值,此值通常取决于呈现页面的字体以及其他因素。

  修改默认值

  在大多数现代浏览器中行间距通常设置为像素大小或字体大小的110%或120%。这在几乎所有情况下都很有效,使文本清晰易读。想要修改默认的行间距,通常使用级联样式表(CSS)中的一个属性值line-height来修改

  我们可以像指定css中的其他大小一样指定line-height的值,可以是数字,像素大小,也可以是百分比

  使用相对数字

  将值指定为数字时,它基于当前字体大小作为基数。当前字体大小乘以您指定的数字,以计算行之间的行高或空格。

  <pstyle="background-color:yellow">

  浏览器默认行间距:php中文网提供大量免费、原创、高清的php视频教程

  </p>

  <pstyle="line-height:2.4;background-color:pink;">

  自定义行高:php中文网提供大量免费、原创、高清的php视频教程

  </p>

  效果图如下:

  使用像素大小

  还可以使用像素大小指定行高,这使得间距与正在使用的字体无关。

  <pstyle="background-color:yellow">

  浏览器默认行间距:php中文网提供大量免费、原创、高清的php视频教程

  </p>

  <pstyle="line-height:30px;background-color:pink;">

  自定义行高:php中文网提供大量免费、原创、高清的php视频教程

  </p>

南京代孕  武汉代孕 代孕网就找aa69 广州代孕就找aa69 代孕公司就找aa69  南昌代孕就找aa69

 

如何在html中更改行间距

标签:tps   php   公司   南京   ant   --   span   视频   级联   

原文地址:https://www.cnblogs.com/gf64uu/p/12941498.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!