网页制作 
首页 > 网页制作 > 浏览文章

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

(编辑:jimmy 日期: 2025/4/24 浏览: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>
上一篇:display:none和visibility:hidden的差别比较与演示代码
下一篇:ipad 竖版 纯CSS判断ipad横版和竖版
一句话新闻
高通与谷歌联手!首款骁龙PC优化Chrome浏览器发布
高通和谷歌日前宣布,推出首次面向搭载骁龙的Windows PC的优化版Chrome浏览器。
在对骁龙X Elite参考设计的初步测试中,全新的Chrome浏览器在Speedometer 2.1基准测试中实现了显著的性能提升。
预计在2024年年中之前,搭载骁龙X Elite计算平台的PC将面世。该浏览器的提前问世,有助于骁龙PC问世就获得满血表现。
谷歌高级副总裁Hiroshi Lockheimer表示,此次与高通的合作将有助于确保Chrome用户在当前ARM兼容的PC上获得最佳的浏览体验。