div内字与字间距怎么用CSS代码实现

div内字与字间距怎么用CSS代码实现

这篇“div内字与字间距怎么用CSS代码实现”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“div内字与字间距怎么用CSS代码实现”文章吧。

div内字和字间距能否大约用CSS代码实现?

div内字与字间距怎么用CSS代码实现

答案:可应用css完成div字间距结构。CSS字间距的单词代码:letter-spacing

1、语法:
letter-spacing:3px —— 设置对象字间距为3px距离。

2、对全数div设置装备摆设对立字间距

div{letter-spacing:2px}

这样即设置装备摆设HTML中悉数div标签内字和字之间都对抗为2px间距离。

3、针对指定div 字间距的配置

.zjj{letter-spacing:4px}
这样CSS选择器指定加class=zjj的对象内文字设置装备摆设字间距为4px,div、p、span、h2等标签均可使用class配置对象内字间距。

4、div实例代码

<!DOCTYPEhtml><html><head><metacharset="utf-8"/><title>div对象内字间距设置实例CSS5</title><style>.sli{letter-spacing:3px}</style></head><body><div>这里div内文字间距正常</div><divclass="sli">这里div运用class=sli配置letter-spacing:3px样式,所以字间距为3px</div></body></html>

以上就是关于“div内字与字间距怎么用CSS代码实现”这篇文章的内容,相信大家都有了一定的了解,希望小编分享的内容对大家有帮助,若想了解更多相关的知识内容,请关注恰卡编程网行业资讯频道。

发布于 2022-01-21 23:16:24
收藏
分享
海报
0 条评论
53
上一篇:DIV+CSS网页有哪些优势 下一篇:怎么用css来控制 li 的样式
目录

    0 条评论

    本站已关闭游客评论,请登录或者注册后再评论吧~

    忘记密码?

    图形验证码