CSS 单词间隔word-spacing

提问人：刘团圆发布时间：2020-11-18

word-spacing属性用于增加或减少单词间的空白（即字间隔）。

该属性定义元素中字之间插入多少空白符。针对这个属性，“字w定义为由空白符包围的一个字符串。如果指定为长度值，会调整字之间的通常间隔。nomnar就等同于设置为0。允许指定负长度值，这会让字之间挤得更紧。

word-spacing的值可以是以下几种：

•normal：默认。定义单词间的标准空间。

•length：定义单词间的固定空间。

•inherit：规定应该从父元素继承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>

相关视频回答

点击加载更多评论>>