Rumah >hujung hadapan web >tutorial css >css word-spacing属性怎么用？
css word-spacing属性怎么用？
- 青灯夜游asal
- 2019-02-21 14:36:095489semak imbas
CSS word-spacing属性用于设置字与字或单词之间的空白，允许设置负值，当设置负值，则减少字与字之间的空白，否则增加空白。
CSS word-spacing属性
作用：word-spacing属性增加或减少单词间的空白（即字间隔）。允许指定负长度值，这会让字之间挤得更紧。
说明：该word-spacing属性定义元素中字之间插入多少空白符。针对这个属性，“字” 定义为由空白符包围的一个字符串。
语法：
word-spacing:normal|length;
normal：默认值，定义单词间的标准空间，等同于设置为 0。
length：定义单词间的固定空间，会调整字之间的通常间隔 。
注：允许使用负值。利用该word-spacing属性，可能会创建字间隔太宽的文档，所以，使用 word-spacing 时要小心。
CSS word-spacing属性的使用示例
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
<style type="text/css">
p.spread {word-spacing: 20px;}
p.tight {word-spacing: -0.5em;}
</style>
</head>
<body>
<p class="spread">This is some text. This is some text.</p>
<p class="tight">This is some text. This is some text.</p>
</body>
</html>效果图：
本文参考：https://www.html.cn/book/css/properties/text/word-spacing.htm
Atas ialah kandungan terperinci css word-spacing属性怎么用？. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：text-emphasis属性有什么用Artikel seterusnya：css direction属性怎么用？