css怎么调整中文字间距

百变鹏仔 3个月前 (09-20) #CSS

文章标签间距

在css中，可以利用letter-spacing属性来调整中文字间距，该属性的作用就是增加或减少字符间的空白，即设置字符间距；只需要给中文的文本元素添加“letter-spacing:间距值”样式即可。

本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。

在css中，可以利用letter-spacing属性来调整中文字间距。

letter-spacing属性可增加或减少字符间的空白，即设置字符间距。

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

立即学习“前端免费学习笔记（深入）”；

注释：允许使用负值，这会让字母之间挤得更紧。

示例：

<!DOCTYPE html><html><head>	<style type="text/css">		.css2 {			letter-spacing: 1em;		}		.css3 {			letter-spacing:-3px;		}	</style></head><body>	<p class="css1">这是一段文字，正常字间距</p>	<p class="css2">这是一段文字，字间距为1em</p>	<p class="css3">这是一段文字，字间距为-3px</p></body></html>

（学习视频分享：css视频教程）

文章推荐

css怎么调整中文字间距

css如何让导航栏变透明

css 怎么去除a标签的手形

css里怎样设置字体大小和字体颜色

css如何固定导航栏

css边框变圆角边框怎么写