css怎么调整字体间距?

在前端开发的过程中,有时候可能会出现字与字之间比较紧凑,我们可以通过css设置文字间隔让字与字之间的距离大一点,下面我们来看一下如何使用css调整字体间距。

css中解决字与字间隔的方法是使用css样式属性letter-spacing,letter-spacing属性是用来调整字与字之间的间隔即字符间距离的。

下面我们就来直接看一看css文字间隔属性letter-spacing的用法。

如letter-spacing:20px;即设置了字与字之间的距离间隔为15px。

css字体间隔调整的代码:

<html>

<head>

<style type="text/css">

p{font-size:20px;

letter-spacing: 20px

}

</style>

</head>

<body>

<p>文字间隔调整</p>

</body>

</html>

效果图:

1.jpg-600

letter-spacing 属性增加或减少字符间的空白(字符间距)。

该属性定义了在文本字符框之间插入多少空间。由于字符字形通常比其字符框要窄,指定长度值时,会调整字母之间通常的间隔。因此,normal 就相当于值为 0。

属性值:

  • normal 默认。规定字符间没有额外的空间。

  • length 定义字符间的固定空间(允许使用负值)。

  • inherit 规定应该从父元素继承 letter-spacing 属性的值。

以上就是css怎么调整字体间距?的详细内容,更多请关注0133技术站其它相关文章!

赞(0) 打赏
未经允许不得转载:0133技术站首页 » CSS3 答疑