您现在的位置是:群英 > 开发技术 > web开发
HTML中减少文字间距的方法是什么
Admin发表于 2022-04-29 15:05:041599 次浏览
这篇文章给大家介绍了“HTML中减少文字间距的方法是什么”的相关知识,讲解详细,步骤过程清晰,对大家进一步学习和理解“HTML中减少文字间距的方法是什么”有一定的帮助,希望大家阅读完这篇文章能有所收获。下面就请大家跟着小编的思路一起来学习一下吧。


html设置文字的间距的方法是,给段落文字添加letter-spacing属性,并且设置合适的间距值就行了,例如【h2 {letter-spacing:3px;}】。

本文操作环境:windows10系统、html 5、thinkpad t480电脑。

减少文字之间的间距的方法其实很简单,因为css中已经为我们提供了合适的属性,它就是letter-spacing。可能还有不少小伙伴不太了解letter-spacing属性,下面就让我们一起来看看吧。

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

属性值:

  • normal 默认。规定字符间没有额外的空间。

  • length 定义字符间的固定空间(允许使用负值)。

  • inherit 规定应该从父元素继承 letter-spacing 属性的值

代码示例:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
<style>
h1 {letter-spacing:2px;}
h2 {letter-spacing:-3px;}
</style>
</head>

<body>
<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
</body>
</html>

代码运行结果:


感谢各位的阅读,以上就是“HTML中减少文字间距的方法是什么”的内容了,通过以上内容的阐述,相信大家对HTML中减少文字间距的方法是什么已经有了进一步的了解,如果想要了解更多相关的内容,欢迎关注群英网络,群英网络将为大家推送更多相关知识点的文章。

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:mmqy2019@163.com进行举报,并提供相关证据,查实之后,将立刻删除涉嫌侵权内容。

标签: html文字间距
相关信息推荐
2022-07-22 17:16:10 
摘要:python中导入模块的关键字是import。import语法:【import 模块名1 [as 别名1], 模块名2 [as 别名2], 模块名n [as 别名n]】。如果要使用模块中的成员,那么需要使用模块名作为前缀。
2022-09-30 17:55:26 
摘要:优先级队列是一种先进先出的数据结构,操作的数据带有优先级,这种数据结构就是优先级队列(PriorityQueue)。本文将详细讲讲Java优先级队列的用法,感兴趣的可以了解一下
2022-09-01 17:38:54 
摘要:ajax默认是异步请求;ajax中可以根据async值的不同来判断是否是异步请求,若async的值为false,则表示ajax请求为同步,若async的值为true,则表示ajax请求为异步,而默认情况下async的值是“true”,因此ajax默认是异步请求。
云活动
推荐内容
热门关键词
热门信息
群英网络助力开启安全的云计算之旅
立即注册,领取新人大礼包
  • 联系我们
  • 24小时售后:4006784567
  • 24小时TEL :0668-2555666
  • 售前咨询TEL:400-678-4567

  • 官方微信

    官方微信
Copyright  ©  QY  Network  Company  Ltd. All  Rights  Reserved. 2003-2019  群英网络  版权所有   茂名市群英网络有限公司
增值电信经营许可证 : B1.B2-20140078   粤ICP备09006778号
免费拨打  400-678-4567
免费拨打  400-678-4567 免费拨打 400-678-4567 或 0668-2555555
微信公众号
返回顶部
返回顶部 返回顶部