javascript - Tailwind 中的最小 margin

Question

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

Answer 1

您可以 use arbitary values指定 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);
}

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

您还可以使用各种 margin 实用程序，例如 m-*、my-*、m[lrtb]-* .