如何在Tailwind中使用`margin: y x;`的简写形式？

Question

在Tailwind CSS中，如果我使用calc实用程序，例如：

right-[calc(-50vw+50%)]

这个按预期工作。我想添加一些属性到一个元素，但似乎无法使用 tailwind 工具让它生效:

 .element {
    width: 100vw;
    max-width: 100vw;
    margin: 0 calc(-50vw + 50%);
  }

- hendy0817

Answer 1

使用 my 和 mx:

class="my-0 mx-[calc(-50vw_+_50%)]"

- ATP

Answer 2

使用如下。您可以使用方括号设置自定义 CSS

class="my-0 mx-[calc(-50vw_+_50%)]"

- Vinay SIngh