Tailwind 中的最小保证金

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\(20vwc 12px\)\] {
  margin-left: max(20vw,12px);
  margin-right: max(20vw,12px);
}

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

您也可以使用各种保证金工具，例如 m-*、my-*、m[lrtb]-*。