css文本间距-如何增加CSS中单词之间的间距

也想出现在这里？点击联系我~

立即下单

进入商城

进不了网站？换个网络试试！

这篇文章主要给大家展示“css如何让单词之间的间距变大”。 内容简单易懂，组织清晰。 希望可以帮助您解答疑惑。 让小编带领大家一起研究学习《css如何让字间距变大》这篇文章吧。

在css中，可以使用letter-spacing属性来增加单词之间的间距，只需添加“letter-spacing: width value;” 包含文本的容器元素的样式。

本教程的运行环境：windows7系统css文本间距，CSS3&&HTML5版本，DellG3笔记本。

css 使单词之间的间距变大

在CSS中，您可以使用letter-spacing属性来使单词之间的间距变大。 对于这个属性：每个英文字符都视为一个“字符”，每个中文字母也视为一个“字符”！

示例：letter-spacing 属性使单词之间的间距更大

	
		
		
		
			.demo {
				height: 100px;
				margin: 10px 0;
				border: 1px solid red;
			}
			.spacing {
				letter-spacing: 20px;
			}
		
	
	
		

			
hello，你好呀！
			
ab cd 你好00）！
		
		

			
hello，你好呀
			
ab cd 你好00）！
		
	

功效图：

阐明：

letter-spacing 属性减少或减少字符之间的空白（字符宽度），它定义在文本字符框之间插入多少空间。 由于字符字形通常比其字符框窄css文本间距，因此指定宽度值可调整字母之间的一般间距。

可设置的属性值：

数值描述

普通的

默认。 指定字符之间没有多余的空格。

长度

定义字符之间的固定间距（允许负值）。

以上就是《css如何让字间距变大》一文的全部内容，感谢您的阅读！ 相信大家都有了一定的了解，希望分享的内容对大家有所帮助。 如果您还想了解更多知识，欢迎关注易速云行业资讯频道！