数据结构
网络
RDBMS
操作系统
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 程序设计
C++
C#
MongoDB
MySQL
Javascript
PHP
物理学
化学
生物学
数学
英语
经济学
心理学
社会学
时尚学
法学使用 CSS wordspacing 属性管理单词之间的间距
通过定义 CSS word-spacing 属性，我们可以设置单词之间的空白量。单词之间的空白可以增加或减少。它可以设置在以下 CSS 单位中：px、pt、em、cm 等。让我们看看语法。
语法
以下是 word-spacing 属性的语法 −
word-spacing: value;
值可以是 −
normal − 单词之间的正常间距
length − 以 pt、px、cm 等设置的单词间距，
以下示例说明了 CSS word-spacing 属性。
厘米单位的单词间距
单词间距可以通过 word-spacing 属性设置在 px、pt、cm、em 等单位中 −
div {
margin: 2%;
padding: 2%;
background-color: mediumorchid;
color: ivory;
word-spacing: 2.2cm;
}
示例
让我们看一个示例。我们还使用 word-spacing 属性的 normal 值来设置正常单词间距 −
<!DOCTYPE html>
<html>
<head>
<style>
div {
margin: 2%;
padding: 2%;
background-color: mediumorchid;
color: ivory;
word-spacing: 2.2cm;
}
div:last-of-type {
word-spacing: normal;
}
</style>
</head>
<body>
<div>I Don't Care! I Love It!</div>
<div>I Don't Care! I Love It!</div>
</body>
</html>
像素单位的单词间距
单词间距可以通过 word-spacing 属性设置在 px、pt、cm、em 等单位中。我们有以 px（像素）单位表示的单词间距 −
article {
margin: 2%;
padding: 2%;
background-color: azure;
word-spacing: 20px;
}
示例
让我们看一个示例。我们还使用 word-spacing 属性的 normal 值来设置正常单词间距 −
<!DOCTYPE html>
<html>
<head>
<style>
article {
margin: 2%;
padding: 2%;
background-color: azure;
word-spacing: 20px;
}
article:last-of-type {
word-spacing: normal;
}
</style>
</head>
<body>
<article>tldr; this article doesn;t mean anything</article>
<article>0123456789 is not a phone number</article>
</body>
</html>
更新于： 2023 年 12 月 26 日
184 次查看
广告