网页制作 
首页 > 网页制作 > 浏览文章

CSS通过letter-spacing属性 控制字与字间隔

(编辑:jimmy 日期: 2024/11/6 浏览:3 次 )

letter-spacing 属性:增加或减少字符间的空白(字符间距)。

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

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<style type="text/css">
	span{
		letter-spacing: 10px;
	}
</style>
</head>
<body>
	<span>测试字间距</span>
</body>
</html>

效果:

CSS通过letter-spacing属性 控制字与字间隔

总结

上一篇:css实现朋友圈照片排列布局的代码
下一篇:css 布局 之 两端布局的实例代码 (利用父级负的margin)