Tailwind框架中如何以像素为单位设置min-height最小高度

• 临时零散使用场景：直接用Tailwind v3及以上版本支持的任意值语法，写为min-h-[30px]即可，工具类会自动生成对应的min-height: 30px样式，无需修改配置文件。
• 全局复用场景：在tailwind.config.js中扩展minHeight配置项，示例如下：

/** @type {import('tailwindcss').Config} */
module.exports = {
  theme: {
    extend: {
      minHeight: {
        '30px': '30px',
        // 可按需添加其他自定义最小高度值
      }
    }
  }
}

配置完成后即可全局使用min-h-30px类名调用对应样式。

注意事项 #

• 任意值语法的方括号内不能加多余空格，否则会导致样式不生效
• 如果你使用的是Tailwind v2及更早版本，不支持任意值语法，只能通过扩展配置的方式实现自定义最小高度

内容的提问来源于stack exchange，提问作者Husky931