CSS 單詞間隔word-spacing

提問人：劉團(tuán)圓發(fā)布時(shí)間：2020-11-18

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

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

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

?normal：默認(rèn)。定義單詞間的標(biāo)準(zhǔn)空間。

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

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

【例題】設(shè)置單詞間隔

代碼如下:

<!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>

相關(guān)視頻回答

回復(fù)(0)