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

发布时间：2020-06-09 14:34:59 作者：你好像很好吃a

这篇文章主要介绍了CSS通过letter-spacing属性控制字与字间隔 ,本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下

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 字与字间隔内容请搜索脚本之家以前的文章或继续浏览下面的相关文章，希望大家以后多多支持脚本之家！

Tag：css letter-spacing 字与字间隔

相关文章

IE7与FF下的letter-spacing属性兼容性写法
letter-spacing:控制单个字符或者文字的间距，下面要与大家分享的是IE7与FF下的letter-spacing属性兼容性解决方法，有此疑问的朋友可以参考下
2014-09-05
inline-block空隙之css letter-spacing与字体大小/字体关系数据表
本文提供inline-block空隙--letter-spacing与字体大小/字体关系数据表，需要的朋友可以参考下
2012-12-09
CSS文字控制之letter-spacing和word-spacing
letter-spacing和word-spacing这两个属性都用来添加他们对应的元素中的空白。
2015-01-01

最新评论