如何使用 TailwindCSS 将 box-sizing: border-box 添加到所有 HTML 元素

Question

TailwindCSS 中的等效项是什么？

* {
  box-sizing: border-box;
}

Answer 1

Tailwind 在预检中已经有了这样的样式- 请参阅编译的样式表。

/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
*/

*,
::before,
::after {
  box-sizing: border-box; /* 1 */
}

因此，除非您禁用预检，否则无需添加它。

然而，Tailwind 的等效类名是border-box- 请参阅此处