CSS：设置字母间距中文汉字间距

Posted 每天都在慢慢进步的王同学

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了CSS：设置字母间距中文汉字间距相关的知识，希望对你有一定的参考价值。

CSS：设置字母间距、中文汉字间距

一、 letter-spacing：设置汉字间字间距或者英文单词中每个字母的间距

在这里插入图片描述
在这里插入图片描述

 .box{
			 letter-spacing: 10px;
			/* 取正值：字符之间的距离变大；取负值：字符之间的距离变小 */
			 
		 }

	<div class="box">
			忳郁邑余侘傺兮,吾独穷困乎此时也,宁溘死以流亡兮，余不忍为此态也。
		</div>

二、 word-spacing:设置英文每个单词之间的距离，对中文文字之间的距离没有效果

在这里插入图片描述

	 <style>
		 .box{
			 word-spacing: 10px;
			 
		 }
		 </style>
	</head>
	<body>
		<div class="box">
			Dreaming in the memory is not as good as waiting for the paradise in the hell
		</div>

以上是关于CSS：设置字母间距中文汉字间距的主要内容，如果未能解决你的问题，请参考以下文章

如何以 css px 或 rem 计算 Photoshop 字母间距？

应用字母间距时CSS文本下划线太长？

CSS 在 Netsuite 高级 PDF 模板中为部分表头添加额外的字母间距

段落排版--中文字间距字母间距(letter-spacing, word-spacing)

scss inDesign跟踪2 CSS字母间距

SVG 字母间距也适用于 Mozilla Firefox