Tailwind CSS间距（Spacing）实现原理

间距（Spacing）是Tailwind CSS中最常用的工具类之一，本文将探讨Tailwind CSS中间距的实现的一些内容。

--spacing() 方法

https://tailwindcss.com/docs/functions-and-directives#spacing-function

--spacing()方法是Tailwind CSS中用于生成间距类名的核心方法，它接受一个参数，用于生成不同尺寸的间距类名。参数是一个数字，表示间距的倍数，编译后会生成一个calc()函数，用于计算间距的实际值。

--spacing(4) 

编译后会生成以下：

calc(var(--spacing) * 4)

--spacing 变量

https://tailwindcss.com/docs/theme#default-theme-variable-reference

--spacing 变量是Tailwind CSS中用于定义间距尺寸的核心变量，它默认值为0.25rem，可以通过--spacing变量来定义不同尺寸的间距。

--spacing: 0.25rem;

现代浏览器默认是 16px，所以 --spacing 默认值是 4px。