如何设置单词字体间距 css设置字体间距样式代码

初夏的脚步刚刚走来,人们纷纷把厚重的单衣脱掉,换上了凉爽的短袖,又把旅游鞋换成了颜色各不相同的夹鞋,有淡绿色的;有洁白的;还有深蓝色的……
CSS好代码教程文本属性: 字体间距
用法:
复制代码
代码如下:

word-spacing: 1cm;
word-spacing: 10pt;
word-spacing: 10px;
word-spacing: none;

定义:
使用这个属性我们可以定义或者设置单词之间的距离
word-spacing属性可以设置以下的值。
a)cm:以厘米为单位设置属性值,例如:1cm等...
b)px:以像素为单位设置属性值,例如:1px或者10px等...
c)pt:以点为单位设置属性值,例如:1pt或者2pt等...
d)norm:以初始值/默认值为单词间距。
示例1:
复制代码
代码如下:

<font style="word-spacing: 1cm;"> 试验字间距 </font>

结果:
自己测试
示例2:
复制代码
代码如下:

<div style="word-spacing: 10px;"> 试验字间距 </div>

结果:
自己测试
示例3:
复制代码
代码如下:

<h5 style="word-spacing: 10pt;"> 试验字间距 </h5>

结果:
自己测试
示例4:
复制代码
代码如下:

<font style="word-spacing: none;"> 试验字间距 </font>

到此这篇关于如何设置单词字体间距 css设置字体间距样式代码就介绍到这了。不怕学问浅,就怕志气短。更多相关如何设置单词字体间距 css设置字体间距样式代码内容请查看相关栏目,小编编辑不易,再次感谢大家的支持!

您可能有感兴趣的文章
css让页脚保持在底部位置的四种方案

CSS如何使用Flex和Grid布局如何实现3D骰子

Flex布局史上最简单使用语法教程

新的CSS 伪类函数 :is() 和 :where()示例详解

纯CSS打字动画的如何实现示例