css中怎么设文字据顶部的距离

html-css010

css中怎么设文字据顶部的距离,第1张

使用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。