顺风最低保证金

Mic*_*mas 3 html javascript css reactjs tailwind-css

有没有办法在顺风中实现类似于 w-min 的最小边距,我在文档中找不到它。我希望边距为屏幕的 1/5,但至少为 12(单位)。

dan*_*die 6

您可以使用任意值来指定该max()值。

例如)根据您的规格,1/5屏幕的尺寸20vw(或20vh高度)。和 12 个单位(猜猜是像素?)为12px

如果你这样做,mx-[max(20vw,12px)]它将生成以下规则,

.mx-\[max\(20vw\2c 12px\)\] {
  margin-left: max(20vw,12px);
  margin-right: max(20vw,12px);
}
Run Code Online (Sandbox Code Playgroud)

max()让您选择较大的那个。
因此,如果20vw小于12px12px则将使用边距,反之亦然。

您还可以使用保证金实用程序的所有变体,例如m-*my-*、 。m[lrtb]-*

  • 激进的东西肯定是@MichaelThomas:)。请点击答案中的链接[使用任意值](https://tailwindcss.com/docs/adding-custom-styles#using- Arbitration-values)以获取更多信息。请注意不要在中间使用空格,因为“空格”在 CSS 中很重要。在我的示例中,“mx-[max(20vw,12px)]”中的逗号旁边没有空格。 (2认同)