使用css样式属性letter-spacing:+距离数字+html单位,如letter-spacing:15px即设置了字与字距离间隔15px(像素)。
例子:
CSS代码:
.divcss5{letter-spacing:15px}
HTML代码:
<div class="divcss5">实现字与字间距方法</div>
1、首先在html页面上,看到有一个按钮,要获得这个按钮离顶部的距离。
2、在按钮的事件函数里,先取这个按钮的offset数据,通过jquery的offset方法。
3、得到的结果是一个数组对象,只要获取里面的top数据就行了。
4、使用log方法,把数据输出到浏览器的控制台。
5、运行页面,看到现在的按钮位置。距离顶部估计是500px左右吧,点击一下这个按钮。
6、然后看一下控制台上的数据,得到距离为439的像素。
需要准备的材料分别有:电脑、浏览器、html编辑器。
1、首先,打开html编辑器,新建html文件,例如:index.html。
2、在index.html中的<style>标签中,输入css代码:.sub{margin-top: 30px}。
3、浏览器运行index.html页面,此时3个div子子容器的垂直间距被统一设置为了30px。