无法在 Tailwind 上扩展间距

Question

我正在尝试在 Tailwind 上扩展间距，但我做不到。我做了研究并在 tailwind.config.js 中进行了更改，但是当我在 HTML 中使用 class 时，它不存在。

PS：我明白没有必要运行构建

tailwind.config.js

module.exports = {
  purge: [],
  darkMode: false, // or 'media' or 'class'
  theme: {
    extend: {
      spacing: {
        '1/3': '33,333333%',
        '2/3': '66,666667%'
      }
    },
  },
  variants: {
    extend: {},
  },
  plugins: [],
}

Answer 1

我刚刚检查了您的配置，它确实创建了所有类。问题是 33,333333% 和 66,666667% 不是有效的 CSS 值。

与西班牙语不同，您必须使用小数点，而不是逗号：

theme: {
  extend: {
    spacing: {
      '1/3': '33.333333%',
      '2/3': '66.666667%',
    },
  },
},

33,333333% 是无效的属性值：

33.333333% 工作正常：

Codesandbox link

无法在 Tailwind 上扩展间距

Can't extend spacing on Tailwind

extend

spacing

node.js

tailwind-css