Tailwind - 如何自定义填充，例如 px-10

【问题标题】：Tailwind - How to customize padding such as px-10Tailwind - 如何自定义填充，例如 px-10
【发布时间】：2021-10-29 16:58:03
【问题描述】：

在 Tailwind 中，我想将 px-10 自定义为等于

padding-left: 10; 
padding-right: 10px;

我该怎么做？

非常感谢。

【问题讨论】：

【解决方案1】：

您可以添加自定义填充值，如其documentation 所示

  // tailwind.config.js
  module.exports = {
    theme: {
      spacing: {
       sm: '10px',
      }
    }
  }

并将其用作

<div class="px-sm"> .. <div/>

或

通过JIT mode在类中使用您的自定义值

<div className="pl-[10px] pr-[10px]"> .. </div>

【讨论】：