css中可以使用letter-spacing属性来设置文字间距,只需要给文字元素添加“letter-spacing:length值;”样式即可。letter-spacing属性用于增加或减少字符间的空白;允许使用负值,但会让字母间挤得更紧。

本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。
css设置文字间距
在CSS中,调整字与字之间的间距的属性是letter-spacing,你通过更改标签的letter-spacing属性值来设置标签内字与字之间的间距。
letter-spacing 属性增加或减少字符间的空白(字符间距)。
立即学习“前端免费学习笔记(深入)”;
该属性定义了在文本字符框之间插入多少空间。由于字符字形通常比其字符框要窄,指定长度值时,会调整字母之间通常的间隔。因此,normal 就相当于值为 0。【推荐教程:CSS视频教程】
注释:允许使用负值,这会让字母之间挤得更紧。
属性值:

示例:
h1 {letter-spacing: 3px;}h2 {letter-spacing: -3px;}div{letter-spacing: 3px;}p{letter-spacing: -3px;}This is heading 1
This is heading 2
这是一段测试文本!这是一段测试文本!
效果图:

更多编程相关知识,请访问:编程视频!!
以上就是css怎么设置文字间距的详细内容,更多请关注创想鸟其它相关文章!
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/1618720.html
微信扫一扫
支付宝扫一扫