css字间距（css 文字间距）

本篇文章给大家谈谈css字间距，以及css 文字间距对应的知识点，希望对各位有所帮助，不要忘了收藏本站喔。

本文目录一览：

• 1、CSS如何控制字间距
• 2、css文字左右间距怎么设置
• 3、css字体间距
• 4、css设置字体间距
• 5、用于css字符间的间隔
• 6、CSS中如何设置单词的间距？

CSS如何控制字间距

CSS控制字间距的方法：

word-spacing:8px; letter-spacing: 1px;

层叠样式表是一种用来表现HTML（标准通用宴察标记语言的一个应用）或XML（标准通用晌孝茄标记语言的一个子集）等文件样式的计算机语慎瞎言。

[img]

css文字左右间距怎么设置

用letter-spacing属性，可以设置文字之间的间距升伍盯。

比吵和如h1 {letter-spacing:2px}，设置h1元素橘灶内文字间距为2px。

css字体间距

css样式中段首距离，或是备宽说标签内首悔滚虚行缩进使用，text-indent: 5px;，letter-spacing:5px;是标签中的每个字与每个字中的碧燃间距设置。

css设置字体间距

01

先看下我们的html代码，很简单，就是一个div里有余尺一段文字，我们为这个div添加了一个扮纯样式 zn

02

默厅毁咐认情况下，不加任何样式时，这段文字的间距是很小的，如图

03

为了添加文字的间距，我们可以添加letter-spacing的样式，添加一个zn的样式名，样式代码为 letter-spacing: 12px;就是每个文字间会有12像素的间距。

04

再运行页面，就可以看到效果了。文字间的间距明显加大了。

用于css字符间的间隔

line-height:行间距

ling-height:属于用于设置行间距，就是行与行之间的距离。

text-aligh:水平对齐方式

text-aligh属性用于设置文本内容的水平对齐，相当于html中的align对齐属性，其可用属性值：

left

right

center

text-indent:首行缩进

text-indent属性用于设置卖槐首行文本的缩进，其属性值可为不同单位的数值。

letter-spacing:字间距

letter-spacing属性用于定以字间距，所谓字间距就是字符与字符之间的空白，其属性值可谓不同单位衫棚的数值，允许使用负值，默认为normal

word-spacing:单词间距

word-spacing属性用于设定英文单词之间的间距或配则，对中文字符无效。

CSS中如何设置单词的间距？

CSS用word-spacing属性来设置单词的间距。例如：

html

    head

        style type="text/css"

            p.spread {word-spacing: 30px;}

            p.tight {word-spacing: -0.5em;}

        /style

    /head

    body

        p class="spread"This is some text. This is some text./p

        p class="tight"This is some text. This is some text./p

/body

/html

效果如图：

可以看到，word-spacing属性既可以使单词间距变小，也可以变大。简碰

对于中文，CSS区分不出来词，使用letter-spacing属性调节字之间的间距。

你的例子里，你需要把要调节间距的字符放到和咐拍同一唤羡个标签内部，比如p/p中。如果不同标签之间的距离，用margin(外边距）或padding（内边距）都可以。

关于css字间距和css 文字间距的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。