掌握jQuery：轻松获取元素距离顶部距离及HTML表格间距调整技巧

如何用jquery获得页面元素到窗口顶部的距离？

需要准备的材料包括：电脑、HTML编辑器、浏览器。

1.首先，打开html编辑器，新建一个html文件，例如：Index.html，输入jquery。

2.在Index.html文件的[xss_clean]标签中，输入jquery代码：

$('body').append($('div').offset().top-$(window).scrollTop());

3.浏览器运行Index.html页面，此时通过jquery获取div页面到窗口顶部的距离。

在Html中居上的距离用什么标签

html中两个表格间的距离如何调整？

在HTML中调整两个表格之间的间距有两种适合微调的方法：

1设置第一个表格的margin-bottom属性。
例如：

表示table表格底部的边距为100像素。

2.设置第二个表的margin-top属性。
例如：

表示表格顶部应保持在100像素。

扩展知识

margin属性可以改变元素的上、下、左（元素可以是表或DIV)单独，右边距。
也可以同时更改所有属性。

单独使用margin属性时：​​

示例1：margin-bottom：100px元素的下边距。

示例2：margin-left:100px元素的左边距为100px。

示例3：margin-right:100px元素的右边距为100px。

示例4：margin-top:100px元素的上边距为100px。

margin属性同时设置所有属性：

示例1：margin:10px5px15px20px表示：

上边距为10px

右边距为5px

下边距为15px

左边距为20px

示例2：margin:10px5px15px意思是：

左右边距均为5px

下边距为15px

示例3：margin:10px5px表示：

顶部和下边距为10px

左右边距为5px

示例4：margin:10px表示：

四个边距均为10px

参考：

百度百科-margin-buttom

百度百科-margin-top