css字间距怎么设置

作者:国际小甜 | 创建时间: 2023-07-19
在前端页面制作的时候发现自己的文字之间太紧凑,想要通过css设置下字间距让文字之前的距大一点,这样更符合自己的页面布局设计,也更加美观。...
css字间距怎么设置

操作方法

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

在里面添加html标签框架。

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

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

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

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

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

温馨提示

如果设置字间距没有效果看看是不是div所在层级不对。
我们还可以通过line-height设置行间距等。
点击展开全文

更多推荐