其实在css中设置字间距的方法很简单，只需要使用一个属性就行，这个就是letter-spacing属性。下面我们来了解一下letter-spacing属性，看看它是如何设置字间距的。

letter-spacing属性

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

该属性定义了在文本字符框之间插入多少空间。由于字符字形通常比其字符框要窄，指定长度值时，会调整字母之间通常的间隔。因此，normal 就相当于值为 0。

注释：允许使用负值，这会让字母之间挤得更紧。

属性值：normal默认。规定字符间没有额外的空间。

length定义字符间的固定空间(允许使用负值)。

inherit规定应该从父元素继承 letter-spacing 属性的值。

使用letter-spacing属性设置字间距的示例：

示例：

h1 {

letter-spacing: 10px;

}

letter-spacing: 2em;

}

This is header 1

这是一段文本！

效果图：

默认字间距html,css如何设置字间距？相关推荐

设置字的间距php,css letter-spacing设置字间距属性
css letter-spacing设置字间距属性有需要的朋友可参考一下. 定义和用法 letter-spacing 属性增加或减少字符间的空白(字符间距). 该属性定义了在文本字符框之间插入多少空 ...
设置字的间距php,css字间距布局之如何设置字间距？
本章给大家介绍css如何设置字间距,有一定的参考价值,有需要的朋友可以参考一下,希望对你们有所帮助. 字间距在CSS布局时候使用比较少,但偶尔文本文字排版会用到,所以有必要了解并掌握css 字间距布局 ...
DIV+CSS如何设置字体间距
CSS如何设置字体间距设置字间距,顾名思义就是设置字和字之间的距离. 在CSS中,调整字间距的属性是 leeter-spacing ,该属性定义了在文本字符之间插入多少空间,这里允许使用负值,这会让 ...
CSS：设置字母间距、中文汉字间距
CSS:设置字母间距.中文汉字间距一. letter-spacing:设置汉字间字间距或者英文单词中每个字母的间距 .box{letter-spacing: 10px;/* 取正值:字符之间的距离变 ...
html设置设置字母间的距离,css如何设置字母间距？字母间距的设置方法
本篇文章给大家带来的内容是介绍css如何设置字母间距?字母间距的设置方法.有一定的参考价值,有需要的朋友可以参考一下,希望对你们有所帮助. 其实在css中设置字母间距的方法很简单,只需要使用一个属性就 ...
两个字与三个字对齐html,css怎么设置两个字和三个字对齐
在css中,可以使用text-align属性来让两个字和三个字对齐:只需要给文本元素设置"text-align: justify;"样式即可,该样式可以实现文本两端对齐效果,让三个 ...
PHP字体间距设置,CSS如何设置文字间距？
css文字与文字之间的间距怎么调整?相信有很多小伙伴都会有这样的疑问.本章就给大家介绍css设置文字间距的方法.有一定的参考价值,有需要的朋友可以参考一下,希望对你们有所帮助. 一.css word- ...
php怎么设置段落之间的距离,css如何设置段落间距？margin 属性设置段落间距（代码实例）...
段落间距是网页设计里一个提升文章阅读体验的重要因素.但网页排版不想Word那样简单,而作为网页设计师,为了读者的良好阅读体验,我们必须为文章的每个小标题和段落都预留一定的空间,用css有效率地设置段落 ...
两个字与三个字对齐html,css三个字如何和两个字对齐？
css三个字如何和两个字对齐?下面本篇文章给大家介绍一种方法.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. 有的时候我们会有这样的需求: 盒子里的文字有四个字的.三个字的.两个字的 ...

默认字间距html,css如何设置字间距？

This is header 1

默认字间距html,css如何设置字间距？相关推荐

最新文章

热门文章