tailwind-css - 为什么 tailwind 中没有多少百分比单位？

Question

为什么 tailwind 中没有太多的百分比单位，例如我想要 50% 的宽度。我知道我可以向它添加自定义配置，但我只是想知道是否有任何特定原因。

Answer 1

我会说这更像是一种个人偏好的编码风格。使用后Tailwind , 我意识到我的大部分样式可以通过使用 flex 来轻松和灵活完成和 grid .

以你的 width: 50% 为例

// using flex
<div class="flex">
    <div class="flex-1">1</div> // 50%
    <div class="flex-1">2</div> // 50%
</div>


// using grid
<div class="grid grid-cols-2">
    <div>1</div> // 50%
    <div>2</div> // 50%
</div>

正如您所建议的，也可以简单地向顺风配置添加自定义宽度。