html设置文字的间距的方法是，给段落文字添加letter-spacing属性，并且设置合适的间距值就行了，例如【h2 {letter-spacing:3px;}】。

本文操作环境：windows10系统、html 5、thinkpad t480电脑。

减少文字之间的间距的方法其实很简单，因为css中已经为我们提供了合适的属性，它就是letter-spacing。可能还有不少小伙伴不太了解letter-spacing属性，下面就让我们一起来看看吧。

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

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

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

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

代码示例：

php中文网(php.cn)

h1 {letter-spacing:2px;}

h2 {letter-spacing:-3px;}

This is heading 1

This is heading 2

代码运行结果：

html5+文本间距,html怎么设置文字的间距相关推荐

html5文本框里插图片文字,word应用教程：在文本框内插入图片
在使用word编辑电子文档时,可以通过插入功能插入图片,那么怎样才能在wps文字文档从插入可以任意移动的图片呢,那么下面就由学习啦小编给大家分享下word在文本框内插入图片的技巧,希望能帮助到您. w ...
HTML5网页设计样式-CSS设置文字样式
字体 font-family 文字大小 font-size 文字的加粗 font-weight 文字的倾斜 font-style 以上四个在这篇已经有过大致介绍(见http://t.csdn.cn/I ...
java表格怎样设置内间距_如何设置表格的间距和背景等属性
步骤一:在打开的网页文档中选择表格后,在"属性"面板中即可对表格的属性进行设置.首先设置表格的id和行列值. 步骤二:接下来设置表格的宽度和高度."宽"和&qu ...
p字间距 html段落内文字设置字间距间隔
只对段落p内文字设置字间距,段落<p>是html段落标签,以<p>开始,以</p>结束,通常文章分段使用p标签,而有时小局部布局也可以使用p来布局.通过css设置其 ...
confirm修改按钮文字_CAD教程来袭，CAD菜鸟们你知道CAD如何创建和设置文字样式吗？...
嗨,我是爱踢汪.在CAD中,使用文字的时候,我们需要对文字对象进行字体.字号以及一些其它的效果进行设置,用以表达不同情况.所有想要显示的文字外观不同效果的设置,都可以通过使用迅捷CAD编辑器的[ ...
html5导航栏文字间距,div字间距-div内文字之间间距设置方法
本篇文章给大家带来的内容是关于div字间距-div内文字之间间距设置方法,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. div内字与字间距是否可以用CSS代码实现? 答案:可以使用c ...
PHP文字间距怎么调,在html中怎么设置文字间距
在html中,可以使用letter-spacing属性设置文字间距,该属性可以增加或减少字符间的空白(字符间距),只需要给包含文字的元素添加"letter-spacing:间距值;" ...
PHP字体间距设置,CSS如何设置文字间距？
css文字与文字之间的间距怎么调整?相信有很多小伙伴都会有这样的疑问.本章就给大家介绍css设置文字间距的方法.有一定的参考价值,有需要的朋友可以参考一下,希望对你们有所帮助. 一.css word- ...
html文字段落设置,p字间距 html段落内文字设置字间距间隔
只对段落p内翰墨设置字间距,段落是html段落标签,以末尾,以竣事,通常文章分段运用p标签,而无心小部门布局也大约使用p来布局.经过css设置装备摆设其花色完成排版目标. 这里针对p设置装备摆设 ...

html5+文本间距,html怎么设置文字的间距

This is heading 1

This is heading 2

html5+文本间距,html怎么设置文字的间距相关推荐

最新文章

热门文章