话题 首页 > CSS 教程 > CSS 教程话题列表 > 详情

怎样使用CSS设置文字与文字间距距离?

精华
唐婷大小姐 2016-12-02 11:55:05 浏览(12264) 回复(7) 赞(0)
文字与文字间距距离,字与字距离间距CSS如何设置?
css

回答(7)

徐建凯 精华 2016-12-02

使用CSS解决字间距的方法如下:


使用css样式属性letter-spacing: +距离数值+html单位letter-spacing:15px; 即设置了字与字距离间隔15px(像素)。

例子:


CSS 代码:

.w3cschool{letter-spacing:15px;}


完整HTML 代码:

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="utf-8" /> 
<title>W3Cschool在线教程</title> 
<style>
.w3cschool{letter-spacing:15px;}
</style>
</head> 
<body> 
<div class="w3cschool">http://www.w3cschool.cn</div> 
</body> 
</html> 

案例截图:

文字间距离

文字间距离,CSS文字与文字间距离实现实例截图从上图我们可以看出设置15px字与字间距效果。

总结:

我们使用CSS letter-spacing 即可解决字体间距设置问题。

冒泡的可乐 2016-12-08

letter-spacing : 5px

不会的属性可以查cssAPI哦

桂子旭 2017-03-07

字间距是自适应的,字体大就大,除非特殊需求,否则不用改

Changes world 2017-04-15

要设置上下间距还是横向文字间距

一笔荒芜 2018-05-31

好慢呀,空空如也,半天不来大神解决,大佬在哪啦

1144100656 2018-05-31

快来解决啦!快来!快来! 快来 快来

1152696398 2018-05-31

吃瓜群众,坐等大神来解决。。。。。

要回复,请先登录 或者注册