如何设置单词字体间距 css设置字体间距样式代码
(编辑:jimmy 日期: 2024/11/17 浏览:3 次 )
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>
下一篇:ipad 竖版 纯CSS判断ipad横版和竖版