css word-spacing 属性
word-spacing 属性 增加或减少字与字之间的空白 ,(注意: 负值是允许的)。
word-spacing 有三种属性
- normal :默认,定义单词间的标准空间
- length :定义单词间的固定空间
- inherit :规定应该从父元素继承 word-spacing 属性的值
注意:字之间要加上空格才管用,否则word-spacing属性无效
使用方式:
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<style>
div{
word-spacing:80px;
}
p{
font-size: 18px;
word-spacing: 15px; /*设置文本间距 normal inherit*/
line-height: 50px; /*设置文本行高*/
}
</style>
<body>
<div>
<p>
理 我 远 点 , 别 靠 近 我
<br>
踩着我了
</p>
</div>
</body>
</html>
css line-height 属性
使用方式:
p{
font-size: 18px;
word-spacing: 15px; /*设置文本间距*/
line-height: 50px; /*设置文本行高*/
}