您的位置:CSS5 > CSS笔记 >

阿里云 2核CPU 4G内存 3M带宽云服务器 669元/3年

css设置字与字之间的间距_css控制字体间距中文英文均生效

发布日期:2019-11-07 20:58:43 来源:CSS5

css控制字体间距,通过css样式设置字体文字与文字之间距离教程。

设置字与字的间距布局比较少,但也有用到的。

设置字间距的CSS样式,即字符间间距:

letter-spacing

此CSS间距属性无论是中文汉字还是英文字母均是支持,能实现调整中文字和英文字母间距。

语法:

div{letter-spacing:2px}
p{letter-spacing:4px}

设置所有div内字与字间距为2px
设置所有p内文字与文字间距为4px

html文字之间字间距实例

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>字间距 CSS5</title>
<style>
.bb{ letter-spacing:5px}
</style>
</head>
<body>
<div class="bb">设置字间距5px</div>
<div>未设置默认</div>
</body>
</html>

字与字之间间距实例截图

字符文字间距css实例

从上实例,看到文字字体之间左右间距调整成功,无论中文字还是字母均能实现间距调整控制。

标签(Tag): 间距 字体 字间距
本文分享URL地址:https://www.css5.com.cn/biji/1602.shtml

作者:CSS5原创

上一页:上一篇:div标签里class用法_div里的class有什么用
下一页:下一篇:页面为什么要br布局_什么地方用br布局