如何设置单词字体间距 css设置字体间距样式代码
网站建设 2021-07-03 08:43www.dzhlxh.cn网站建设
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>
用法:
复制代码
代码如下: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>