【文件属性】：
文件名称：vue-tight：Vue指令消除了元素之间的空白
文件大小：164KB
文件格式：ZIP
更新时间：2021-02-13 02:33:36
javascript vue frontend directive JavaScript
视密
作为开发人员， 我想修剪内联元素之间的空格， 这样我就可以写出紧凑的布局。
背景
我们经常使用空格使HTML更具可读性。 但是，当使用内联元素创建布局时，该空格可能会成为问题。
例如，以下代码中的跨度由折叠的空格分隔：
< h3>
< span> Exam
< span> ple
考试PLE
为了消除内联元素之间的空格，必须在源头消除该空格：
< h3>
< span> Exam < span> ple
考试PLE
但是，这会创建冗长且难以管理的代码行。 在保留可读性的同时消除空白的一种解决方法是在行内元素之间插入换行注释：
< h3> <!--
--> < span> Exam <!--
--> < sp
【文件预览】：
vue-tight-master
----codecov.yml(74B)
----rollup.config.js(843B)
----.github()
--------semantic.yml(16B)
----.node-version(8B)
----.eslintrc.js(805B)
----logo.svg(7KB)
----src()
--------tighten.js(393B)
--------index.js(95B)
----babel.config.js(333B)
----spec()
--------tighten.spec.js(2KB)
----.travis.yml(222B)
----jest.config.js(130B)
----LICENSE.md(1KB)
----README.md(3KB)
----.lintstagedrc.js(41B)
----renovate.json(312B)
----.gitignore(2KB)
----bin()
--------codecov(42B)
--------jest(39B)
--------lint(40B)
--------build(74B)
----.eslintignore(10B)
----package-lock.json(732KB)
----package.json(1KB)
----.githooks()
--------pre-commit(36B)
--------README.md(143B)