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
#以上是css word-spacing屬性怎麼用?的詳細內容。更多資訊請關注PHP中文網其他相關文章!