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

 

css汉字之间间距离设置

 

css汉字间距离设置

汉字间距也好,英文单词间距也好,还是数字之间间距,在html文本字体排版间距,都是采用css样式来实现。

1、CSS单词:
letter-spacing

2、汉字对应盒子设置间距宽度

div{letter-spacing:5px}

设置了div盒子内汉字也好英文也好,这些文字字间距为5px

p{letter-spacing:10px}

 设置段落p盒子字体与字体间距为10px

span{letter-spacing:6px}

设置span文字间距为6px

3、汉字之间间距设置实例

1)、实例完整代码

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>css 汉字间距 www.css5.com</title>
<style>
.jianju5{ letter-spacing:5px}
.jianju10{ letter-spacing:10px}
</style>
</head>
<body>
<p>汉字间距实例<span class="jianju5">间距为5px</span></p>
<p>汉字间距实例<span class="jianju10">间距为10px</span></p>
</body>
</html>

使用CSS分别设置字间距5px和10px

2)、间距效果截图

成功设置汉字字间距
成功设置汉字字间距

无论汉字、中文字、英文字母、数字间距,字间距均使用letter-spacing来实现字体间距。

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

更多

 

CSS必备基础教程 - TOP

 

热门信息

 

CSS5更新 - TOP

 

 

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