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

当前位置 : 首页 > 网页制作 > CSS > 如何设置单词字体间距 css设置字体间距样式代码

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

来源: 作者: 时间:2015-11-15 12:42
如何设置单词字体间距?在div布局中经常会遇到这样的问题,适当的间距可以友好界面,利用闲暇时间整理了一些,有需求的朋友可以参考下
如何设置单词字体间距?在div布局中经常会遇到这样的问题,适当的间距可以友好界面,利用闲暇时间整理了一些,有需求的朋友可以参考下
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>
Tag:
网友评论

<