CSS怎么设置英文字母之间的间距

html-css049

CSS怎么设置英文字母之间的间距,第1张

CSS用word-spacing属性来设置单词的间距。例如： p.spread {word-spacing: 30px} p.tight {word-spacing: -0.5em} This is some text. This is some text. This is some text. This is some text.效果如图： 可以看到，word-spacing属性既可以...

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控制字间距的方法：

word-spacing:8pxletter-spacing: 1px

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