您的位置:首页 > CSS技巧 > 【 返回上一页

css调整字间距

css调整字间距离方法

文字排版,一般不会考虑字与字之间距离,一般均为自然不设置CSS来控制,但有时CSS布局时,需要对部分文字间距要调整设置,这个时候就需要使用到字间距属性。

css字间距属性letter-spacing

调整字间距实例:

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>thinkcss css调整文字间距实例</title>
<style>
.tiao{ letter-spacing:10px}
</style>
</head>
<body>
<p class="tiao">这些文字被调整</p>
<p>这里没有设置调整文字文本</p>
</body>
</html>

以上文字文本间距调整设置div css实例代码可以完整拷贝实践。

调整字间距离实例截图
css letter-spacing设置调整字间距离实例截图

相关标签: 间距
如需转载,请注明文章出处和来源网址:http://www.thinkcss.com/jiqiao/1331.shtml

日期:2017-04-26 16:54:34 来源:www.thinkcss.com 作者:ThinkCSS

热门点击