2022年02月17日整理发布:css怎么设置文字间距

甄琛筠

下面给大家解释一下css是如何设置文字间距的。相信朋友们也应该密切关注这个话题。现在和朋友们说说css是如何设置文字间距的。边肖还收集了css如何设置文本间距的相关信息。我希望你看到后会喜欢。

您可以使用letter-spacing属性来设置css中的文本间距,只需添加“letter-spacing : length value;”添加到文本元素。款式也行。letter-spacing属性用于增加或减少字符之间的间距;允许负值,但是字母会被挤得更紧。

本教程操作环境:windows7系统,CSS3HTML5第5版,戴尔G3电脑。

通过css设置文本间距

在CSS中,调整单词间距的属性是字母间距。您可以通过更改标签的字母间距属性值来设置标签中单词之间的间距。

letter-spacing属性增加或减少字符之间的间距(字符间距)。

此属性定义文本字符框之间插入的间距。由于字符字形通常比其字符框窄,因此在指定长度值时,将调整字母之间的通常间距。因此,normal相当于值0。【推荐教程:CSS视频教程】

注意:允许负值,这将使字母更紧凑。

属性值:

示例:

!声明文档类型

超文本标记语言

meta charset='utf-8 '

风格

h1 {

字母spacing: 3px

}

h2 {

字母spacing :-3px;

}

div{

字母spacing: 3px

}

p{

字母spacing :-3px;

}

/style

/head

身体

h1这是航向1/h1

h2这是航向2/h2

Div,这是测试文本!/div

这是一个测试文本!/p

/body

/html渲染:

有关编程的更多信息,请访问:编程视频!以上是css如何设置文本间距的细节。请多关注php中文网站的其他相关文章!

来源:php中文网站

标签:

免责声明:本文由用户上传,与本网站立场无关。财经信息仅供读者参考,并不构成投资建议。投资者据此操作,风险自担。 如有侵权请联系删除!