手机访问 | 设为首页 | 加入收藏 | 网站地图

当前位置:电脑中国 > 网络创业 > CSS DIV >

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

2017-05-18 11:25|来源:未知 |作者:dnzg |点击:

【文字与文字间距距离,字与字距离间距CSS如何设置?】如果你也遇到W3Cschool用户唐婷大小姐类似的问题不妨也到W3Cschool编程问答进行提问。

对于使用CSS解决字间距的方法W3Cschool用户徐建凯给出了如下方法:
使用css样式属性letter-spacing: +距离数值+html单位 如letter-spacing:15px;
即设置了字与字距离间隔15px(像素)。

例子:


CSS 代码:

1
.w3cschool{letter-spacing:15px;}

完整HTML 代码:

1
2
3
4
5
6
7
8
<!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>

案例截图:


1240

文字间距离


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

总结:


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

(责任编辑:dnzg)