css字与字之间的间距怎么调?

css字与字之间的间距怎么调?下面给大家介绍一下使用CSS调整字与字之间间距的方法。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。

在CSS中,调整字与字之间的间距的属性是letter-spacing,你通过更改标签的letter-spacing属性值来设置标签内字与字之间的间距。

举例说明:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<style type="text/css">
			h1 {
				letter-spacing: 10px;
			}
			
			p{
				letter-spacing: 2em;
			}
		</style>
	</head>

	<body>
		<h1>This is header 1</h1>
		<p>这是一段文本!</p>
	</body>

</html>

效果图:

说明:

letter-spacing 属性增加或减少字符间的空白(字符间距),该属性定义了在文本字符框之间插入多少空间。由于字符字形通常比其字符框要窄,指定长度值时,会调整字母之间通常的间隔。因此,normal 就相当于值为 0。

对于这个属性来说:每一个中文文字作为一个“字”,而每一个英文字母也作为一个“字”!所以大家要细心留意一下。

更多web前端开发知识,请查阅 HTML中文网 !!

以上就是css字与字之间的间距怎么调?的详细内容,更多请关注易知道|edz.cc其它相关文章!

推荐阅读