1.在文件夹中创建一个“test”的html文件。如图所示
2.在里面添加html标签框架。如图所示
3.在里面添加一个“div”并放入文字。如图所示
4.然后我们发现默认文字之间比较紧凑。如图所示
5.现在我们给div设置一个id为“wd”。如图所示
6.通过css在style使用letter-spacing给wd中的文字设置字间距为30px。#wd{letter-spacing:30px}如图所示
7.在浏览器中打开我们发现字间距变大了。如图所示
需要准备的材料分别有:电脑、浏览器、html编辑器。
1、首先,打开html编辑器,一个新建html文件,例如:index.html,填充问题基础代码。
2、其次,在index.html中的<style>标签中,输入css样式代码:li{padding-top: 49px}。
3、浏览器运行index.html页面,此时通过css将li标签的行距调整为了49px。
在使用行内a标签的时候回发现两个a标签之间存在间距
效果如下:
以下有四种清除默认间距的方法。
效果:
参考: https://www.cnblogs.com/kevinCoder/p/6418605.html