900字范文,内容丰富有趣,生活中的好帮手!
900字范文 > html修改行间距 如何在html中更改行间距(示例代码)

html修改行间距 如何在html中更改行间距(示例代码)

时间:2019-07-08 22:17:48

相关推荐

html修改行间距 如何在html中更改行间距(示例代码)

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

行间距

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

修改默认值

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

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

使用相对数字

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

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

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

效果图如下:

使用像素大小

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

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

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

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。