CSS如何设置文字间距


本文摘自PHP中文网,作者php中世界最好的语言,侵删。

今天给大家带来的教程是如何用CSS设置字与字距离的间距。下面是实战案例我们一起来看一下。

使用CSS解决字与字距离方法如下:

我们使用css样式属性letter-spacing:+距离数字+html单位

如letter-spacing:15px;即设置了字与字距离间隔15px(像素)。

例子:

CSS代码:

1

.p{letter-spacing:15px;}

HTML代码:

1

<p class="p">实现字与字间距方法</p>

文字间距离

从上图我们可以看出设置15px字与字间距效果

我们使用CSS letter-spacing即可解决字与字距离,字与字间距-字体间距设置解决样式篇。

需要注意的就这么多,更多精彩请关注php中文网其它相关文章!

相关阅读:

驼峰命名与JS的问题解答

JS里的布尔值、关系运算符、逻辑运算符的详解及实例

前端的js框架总结以及用途讲解

以上就是CSS如何设置文字间距的详细内容,更多文章请关注木庄网络博客

相关阅读 >>

css transform属性怎么用

css中@有哪些用法

css中的文本属性有哪些

css中br是什么意思

css3pie是什么?

css如何加边框

css中的display属性有哪些值?各有什么作用?

css怎么嵌入到html中?

css p标签怎么设置不换行

css实现卡片式图片效果

更多相关阅读请进入《css》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...