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

ttx9n · 发表于 2012-12-30 14:14:29

如何设置单词字体间距?在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>

e8hwl6prw · 发表于 2022-11-7 15:49:53

撒旦撒旦撒擦擦擦擦

0608fv3 · 发表于 2022-12-8 18:06:03

下载来瞧瞧

0qfjyf · 发表于 2022-12-23 16:39:31

论坛有你更精彩！

fzyzy · 发表于 2023-4-15 02:54:01

这个源码不错啊

bp5jgbcnt · 发表于 2023-7-14 17:09:57

谢谢楼主分享

z835648964 · 发表于 2023-12-6 00:30:15

啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦

nwk53kbd · 发表于 2024-4-16 00:26:06

老大你好你好好你好

64000928 · 发表于 2024-6-10 23:07:11

收下来看看怎么样

shw5ovr · 发表于 2024-7-9 19:10:10

额UI废物iuhfujewfiewnnfen

账号		自动登录	找回密码
密码			立即注册

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