您的位置：首页 > Web前端 > CSS

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

2017-05-10 19:35 288 查看

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

对于使用CSS解决字间距的方法W3Cschool用户徐建凯给出了如下方法：

使用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 即可解决字体间距设置问题。

以上内容整理自W3Cschool编程问答

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： css W3Cschool 文字间距 CSS样式

相关文章推荐

新的分享

章节导航