TailwindCSS 3.4.6是否支持ch单位？如何使用该宽度单位？

Tailwind 3.4.6确实没有内置ch单位的max-width工具类，但有两种简单方法实现你要的效果：

1. 直接用任意值语法（最快最省心） #

不用修改配置，直接在类名里用方括号包裹具体值，Tailwind会自动解析这个自定义样式：

<div class="max-w-[50ch]">...</div>

这个语法支持所有CSS合法单位，包括ch、vw这类非内置单位，临时使用非常方便。

2. 扩展主题配置（适合复用场景） #

如果项目里需要多次用到50ch的最大宽度，可以在tailwind.config.js里扩展maxWidth主题：

/** @type {import('tailwindcss').Config} */
module.exports = {
  theme: {
    extend: {
      maxWidth: {
        '50ch': '50ch',
      },
    },
  },
}

配置完成后，就能像使用内置工具类一样写max-w-50ch：

<div class="max-w-50ch">...</div>

内容的提问来源于stack exchange，提问作者GʀᴜᴍᴘʏCᴀᴛ