多语言展示
当前在线:1030今日阅读:39今日分享:10

css字间距怎么设置

在前端页面制作的时候发现自己的文字之间太紧凑,想要通过css设置下字间距让文字之前的距大一点,这样更符合自己的页面布局设计,也更加美观。
方法/步骤
1

在文件夹中创建一个“test”的html文件。

3

在里面添加一个“div”并放入文字。

4

然后我们发现默认文字之间比较紧凑。

5

现在我们给div设置一个id为“wd”。

6

通过css在style使用letter-spacing给wd中的文字设置字间距为30px。#wd{letter-spacing:30px;}

7

在浏览器中打开我们发现字间距变大了。

注意事项
1

如果设置字间距没有效果看看是不是div所在层级不对。

2

我们还可以通过line-height设置行间距等。

推荐信息