CSS用word-spacing属性来设置单词的间距。例如:
<html><head>
<style type="text/css">
p.spread {word-spacing: 30px}
p.tight {word-spacing: -0.5em}
</style>
</head>
<body>
<p class="spread">This is some text. This is some text.</p>
<p class="tight">This is some text. This is some text.</p>
</body>
</html>
效果如图:
可以看到,word-spacing属性既可以使单词间距变小,也可以变大。
对于中文,CSS区分不出来词,使用letter-spacing属性调节字之间的间距。
你的例子里,你需要把要调节间距的字符放到同一个标签内部,比如<p></p>中。如果不同标签之间的距离,用margin(外边距)或padding(内边距)都可以。
1.在文件夹中创建一个“test”的html文件。如图所示
2.在里面添加html标签框架。如图所示
3.在里面添加一个“div”并放入文字。如图所示
4.然后我们发现默认文字之间比较紧凑。如图所示
5.现在我们给div设置一个id为“wd”。如图所示
6.通过css在style使用letter-spacing给wd中的文字设置字间距为30px。#wd{letter-spacing:30px}如图所示
7.在浏览器中打开我们发现字间距变大了。如图所示