您的位置:首页 > CSS技巧 >

 

css设置字与字之间无空格下字间距离控制

 

html布局中无空格实现字与字之间间距css设置

文字、数字、字母之间没有空格情况下,通过CSS样式实现字与字之间间距距离设置,使用letter-spacing样式属性单词实现。

示例:

div{letter-spacing:6px}

设置了所有div内的文字内容,字与字间距为6px。

分别对div标签p标签内内容设置无空格下间距效果实例:

1、css html实例代码

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>没有空格设置字间距 css5</title>
<style>
.css5-div{ letter-spacing:5px}
.css5-p{ letter-spacing:10px}
</style>
</head>
<body>
<p>未设置CSS字间距样式</p>
<div class="css5-div">设置5px字间距</div>
<p class="css5-p">设置10px字与字间距</p>
</body>
</html>

2、无空格字间距效果截图

字之间没有空格下字间距实例
字之间没有空格下字间距实例截图

css5小结:
无论是否有空格,如果设置css字间距,只需要对对象设置letter-spacing样式即可。

标签(Tag): 字间距
本文分享URL地址:http://www.css5.com.cn/jiqiao/1362.html

更多

 

CSS必备基础教程 - TOP

 

热门信息

 

CSS5更新 - TOP

 

 

如对文章有任何疑问请提交到DIV CSS论坛,或有任何网页制作CSS问题立即到CSS论坛发贴求解。
CSS教程文章修订日期::2017-06-29     点击:
原创:CSS5     来源网址:http://www.css5.com.cn/jiqiao/1362.html
本文www.css5.com.cn(DIV CSS) CSS5版权所有,欢迎转载,并注明出处来源及URL!