# Spacing JS
[](https://www.npmjs.com/package/@stevenlei/spacingjs)




A JavaScript utility for measuring the spacing between elements on webpage. This is supposed to be used during development only. [Try this out](https://spacingjs.com).

Read this document in other languages: [English](README.md), [繁體中文](README.zh-Hant.md), [简体中文](README.zh-Hans.md).
## How to use
1. Include Spacing.js with `<script>` tag in your HTML page:
- UNPKG CDN:
```html
<script src="//unpkg.com/spacingjs" defer></script>
```
- jsDelivr CDN:
```html
<script src="//cdn.jsdelivr.net/npm/spacingjs" defer></script>
```
2. Move your mouse cursor to an element, and press <kbd>Alt</kbd> on Windows or <kbd>⌥ Option</kbd> on a Mac.
3. Move your mouse cursor to another element, the measurement results will be there.
## More Options
Hold down with <kbd>Shift</kbd> key will delay the dismiss of measurement results, so that we can take a screenshot easier.
## Chrome Extension & Tampermonkey version
You can install the Chrome Extension version on the [Chrome web store](https://chrome.google.com/webstore/detail/spacingjs/fhjegjndanjcamfldhenjnhnjheecgcc), or build on your own with `npm run ext`.
## Contribute
Feel free to fork this repository and submit pull requests. Bugs report in [GitHub Issues](https://github.com/stevenlei/spacingjs/issues), features/ideas/questions discuss in [GitHub Discussions](https://github.com/stevenlei/spacingjs/discussions).
## License
Spacing.js is [MIT Licensed](LICENSE).

快撑死的鱼
- 粉丝: 2w+
- 资源: 9155
最新资源
- 基于Arduino设计的直流电压表毕业项目,原理图、源码-电路方案
- 基于深度学习和单目摄像头测距的前车碰撞预警系统源码详解(附设计文档),基于深度学习和单目摄像头测距的前车碰撞预警系统源码详解(GPU与CPU版本),前车碰撞预警-FCW,基于深度学习和单目摄像头测距
- RedPanda.C .3.2.win64.MinGW64-11.4.zip
- unixbench自动化脚本
- 毕业设计基于Python的Django-html基于知识图谱电影推荐问答系统源码(完整前后端+mysql+说明文档+LW+PPT).zip
- 青海统计年鉴2000-2020年
- 价值19800的影视视频微信小程序源码-自带支付通道带采集+搭建教程
- mingw-w64-x86-64-gmp-6.3.0-2-any.pkg.zip
- lua基础编程,包括lua的基本类型,语法,table,面向对象,协程,和c api
- 扫地机器人路径规划中遗传算法的应用与MATLAB实现-遗传算法-路径规划-扫地机器人-优化搜索-matlab
- 软考初级程序员 C程序设计(一)ppt
- spec2017工具cfg配置文件
- ltp20240524工具
- 西门子PLC STEP7编程软件梯形图与昆仑通态触摸屏电锅炉峰谷电供热系统全方案,CAD原理图全套包装解析,西门子PLC与昆仑通态触摸屏联控电锅炉供热系统:峰电供热与谷电蓄热水箱全自动蓄能程序CAD原
- HFI脉振方波高频注入与增强滑膜esmo代码:含原厂文档,TI与ST移植方式,学习资料大放送,HFI脉振方波高频注入与增强滑膜esmo代码:含原厂文档,可移植使用,支持TI与ST方式,HFI脉振方波高
- 2025年2月28日PPTX
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈


