如何使用 Tailwind CSS 将宽度设置为 100% 以上

Posted 2023-03-06

【中文标题】如何使用 Tailwind CSS 将宽度设置为 100% 以上

【英文标题】：How to set width over 100% using Tailwind CSS

【发布时间】：2022-01-22 04:02:15

【问题描述】：

我需要将 div 宽度设置为 110%，但 Tailwind CSS 似乎不可能。他们的documentation 只指定了一个 100% 的值。

w-full  width: 100%;

【问题讨论】：

Define your owntailwind.config.js 中的间距值。

我知道我可以做到，但我想知道它是否存在另一种方式而不会弄乱配置文件

你也可以使用JIT作为width-[110%]。

我在文档中没有看到，就在下面，哈哈。谢谢

@Jax-p 随意写一个答案，我很乐意接受它

【参考方案1】：

您可以将 JIT 用作width-[110%]。

JIT 模式是 Tailwind v3 中的默认模式，这些值称为 arbitrary values。 在 v2 中，您必须enable JIT mode。