Web速查-索引

word-spacing

定义

word-spacing属性增加或减少字与字之间的空白。

注意:针对这个属性,“字” 定义为由空白符包围的一个字符串。如果指定为长度值,会调整字之间的通常间隔;所以,normal 就等同于设置为 0。允许指定负长度值,这会让字之间挤得更紧。

语法

word-spacing: normal|break-all|keep-all;

属性值

描述
normal 使用浏览器默认的换行规则。
break-all 允许在单词内换行。
keep-all 只能在半角空格或连字符处换行。

实例

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>NTHOME-零基础入门学习Web(HTML5+CSS3)</title>
<style type="text/css">
.spread {word-spacing: 30px;}
.tight {word-spacing: -0.5em;}
</style>
</head>
<body>
<p class="spread">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi et optio veritatis. Accusamus animi aspernatur consectetur corporis inventore ipsum labore maxime modi nostrum repellendus sapiente similique, sit veritatis. Assumenda, magni?</p>
<p class="tight">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab, architecto dolorem doloremque eveniet nesciunt sunt voluptatum? Architecto assumenda culpa dolores et illum inventore labore quas recusandae, rerum, saepe ut voluptates?</p>
</body>
</html>

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi et optio veritatis. Accusamus animi aspernatur consectetur corporis inventore ipsum labore maxime modi nostrum repellendus sapiente similique, sit veritatis. Assumenda, magni?

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab, architecto dolorem doloremque eveniet nesciunt sunt voluptatum? Architecto assumenda culpa dolores et illum inventore labore quas recusandae, rerum, saepe ut voluptates?

浏览器支持

表格中的数字表示支持该属性的第一个浏览器版本号

Safari Chrome FireFox IE
1.0 1.0 1.0 4.0