css 2倍行距,如何在css中设置行间距

如何在css中设置行间距

发布时间：2021-04-29 15:36:12

来源：亿速云

阅读：63

作者：Leah

如何在css中设置行间距？相信很多没有经验的人对此束手无策，为此本文总结了问题出现的原因和解决方法，通过这篇文章希望你能解决这个问题。

css的基本语法是什么

css的基本语法是：1、css规则由选择器和一条或多条声明两个部分构成；2、选择器通常是需要改变样式的HTML元素；3、每条声明由一个属性和一个值组成；4、属性和属性值被冒号分隔开。

css设置行间距的方法：

首先我们应该知道在css中并没有直接可以设置行间距的属性，所以我们就需要借助行高line-height来设置行间距，行高line-height的值越大，那么行间距就越高。

Line-height的值设置为具体的数值，可以是相对数值，也可以设置为绝对数值，在静态页面中，文字大小固定时常常使用绝对数值，而对于论坛和博客这些用户可以自定义字体大小的页面，通常设置为相对数值，从而，可以随着用户自定义的字体大小改变相应的行间距。

下面我们就来看看css中利用行高line-height来设置行间距的代码示例：html>

span {

font-size: 20px;

line-height: 2em;

}

桃之夭夭，灼灼其华。之子于归，宜其室家。

桃之夭夭，有蕡其实。之子于归，宜其家室。

桃之夭夭，其叶蓁蓁。之子于归，宜其家人。

css设置行间距的效果如下：

看完上述内容，你们掌握如何在css中设置行间距的方法了吗？如果还想学到更多技能或想了解更多相关内容，欢迎关注亿速云行业资讯频道，感谢各位的阅读！

css 2倍行距,如何在css中设置行间距相关推荐

html字体怎么设置大写,如何在html中设置字体的属性
如何在html中设置字体的属性发布时间:2021-06-08 17:45:33 来源:亿速云阅读:72 作者:Leah 这篇文章给大家介绍如何在html中设置字体的属性,内容非常详细,感兴趣的小伙 ...
DW里面html鼠标点击特效,如何在Dreamweaver中设置手形鼠标样式效果
如何在Dreamweaver中设置手形鼠标样式效果 1.按F7(或点击快速启动栏里那个象"八卦图"似的图标),调出CSS面板,选择"none",再点击面板下部的 ...
html中写自增数字,WPS word中数字怎么自增如何在word中设置数字的千位分隔符
选中某行,列或者某一部分,选择菜单栏的"行和列"->"填充"选项,选择序列选项. 在弹出的窗口中设置你需要的选项. WPS文字怎样自动增加数字如何在WP ...
在html语言行间距,如何在html中更改行间距
在html中可以通过设置CSS中的line-height属性来改变行间距,可以给line-height设置的值可以是数字,像素大小或者是百分比,但是不可以设置成负值在为网站编写html页面时,文本内 ...
java如何使显示字符下标_Java如何在 Word 中设置上、下标
上标是指比同一行中其他文字稍高的文字,而下标是指比同一行中其他文字稍低的文字.在生活中,我们常见的平方米.立方米等符号以及化学中的各种元素符号,都是利用上.下标来表示的.本文将介绍通过Free Spi ...
如何在Postfix中设置邮件转发
如何在Postfix中设置邮件转发 2016年1月5日 Mail服务 Postfix 是广泛使用的邮件传输代理(MTA)服务器,可用于发送,接收和通过网络发送的电子邮件转发.本教程将帮助您配置Post ...
计算机excel行高在哪里,如何在Excel2016中设置改行高和列宽？
相信大家会发现excel2016默认的行号和列宽有的时候会不符合自己的要求,那如何在Excel2016中设置改行高和列宽?下面感兴趣的小伙伴就和小编一起来学习一下具体的方法吧! Excel2016设置 ...
android input鼠标坐标,android - 如何在EditText中设置光标位置？
android - 如何在EditText中设置光标位置? 有两个EditText,在加载页面时,第一个EditText中设置了一个文本,所以现在光标将在EditText的起始位置,我想在第二个Edi ...
word如何设置上标形式_如何在word中设置特殊页码
获取更多业界资讯和深度好文● 点击蓝字关注我们 ● 在日常工作中,我们编辑的word文档经常需要设置页码,但有时文档的第一页是封面,第二页才是正文,或者第二页是目录,第三页才是正文,如下图所示,而页码 ...

css 2倍行距,如何在css中设置行间距

css 2倍行距,如何在css中设置行间距相关推荐

最新文章

热门文章