CSS 單詞間隔word-spacing

提問人：劉團圓發(fā)布時間：2020-11-18

word-spacing屬性用于增加或減少單詞間的空白（即字間隔）。

該屬性定義元素中字之間插入多少空白符。針對這個屬性，“字w定義為由空白符包圍的一個字符串。如果指定為長度值，會調整字之間的通常間隔。nomnar就等同于設置為0。允許指定負長度值，這會讓字之間擠得更緊。

word-spacing的值可以是以下幾種：

?normal：默認。定義單詞間的標準空間。

?length：定義單詞間的固定空間。

?inherit：規(guī)定應該從父元素繼承word-spacing屬性的值。

【例題】設置單詞間隔

代碼如下:

<!DOCTYPE html>

<html>

<head>

<title>Document</title>

<style>

word-spacing: 2em;

}

div{

word-spacing: 20px

}

</style>

</head>

<body>

<p>letter-spacing屬性是字間距屬性2em</p>

<p>hello world!</p>

<hr/>

<div>letter-spacing屬性是字間距屬性20px</div>

<div>hello world!</div>

</body>

</html>

相關視頻回答

回復(0)