css中字间距怎么调整

广告:宝塔服务器面板,一键全能部署及管理,送你10850元礼包,点我领取~~~

css中字间距怎么调整

CSS中调整字间距的方法是,使用letter-spacing属性调整,如【letter-spacing:6px】。letter-spacing属性可以增加或减少字符间的空白。

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

css中专门为我们提供了一个属性lettter-spacing,用来调整字符之间的间距。

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

属性值:

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

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

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

具体实现代码如下:

<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>p文字间距 CSS5</title><style>.jianju{ letter-spacing:6px}</style></head><body><p>第一段:内容<br />换行形式,我是第一段的内容</p><p class="jianju">第二段:内容,我被设置字间距6px</p></body></html>
登录后复制

相关视频教程:css视频教程

以上就是css中字间距怎么调整的详细内容,更多请关注9543建站博客其它相关文章!

9543建站博客
一个专注于网站开发、微信开发的技术类纯净博客。
作者头像
admin创始人

肥猫,知名SEO博客站长,14年SEO经验。

上一篇:微信小程序开发一周总结
下一篇:小强的HTML5移动开发之路(46)——汇率计算器【2】

发表评论

关闭广告
关闭广告