div字间距-div内笔墨之间间距设置要领【html5教程】,div字间距,间距设置方法

本篇文章给人人带来的内容是关于div字间距-div内笔墨之间间距设置要领，有肯定的参考价值，有须要的朋侪能够参考一下，愿望对你有所协助。

div内字与字间距是不是能够用CSS代码完成？

答案：能够运用css完成div字间距规划。CSS字间距的单词代码：letter-spacing

1、语法：

letter-spacing:3px —— 设置对象字间距为3px间隔。

2、对一切div设置一致字间距

div{letter-spacing:2px}

如许即设置HTML中一切div标签内字与字之间都一致为2px间间隔。

3、针对指定div 字间距的设置

.zjj{letter-spacing:4px}

如许CSS选择器指定加class=zjj的对象内笔墨设置字间距为4px，div、p、span、h1等标签都能够运用class设置对象内字间距。

4、div实例代码

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>div对象内字间距设置实例</title>
<style>
.sli{ letter-spacing:3px}
</style>
</head>
<body>
<div>这里div内笔墨间距一般</div>
<div class="sli">这里div运用class=sli设置letter-spacing:3px款式，所以字间距为3px</div>
</body>
</html>

以上html css实例代码能够直接拷贝复制运用，视察实例结果。

5、div实例截图