为什么Tailwind中没有太多百分比单位？

Question

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

- Potato

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>

如您提到的，用户可以在tailwind配置中简单地添加自定义宽度。

- Digvijay

---

谢谢，我曾经认为有一些棘手的情况，其中基于百分比的单位很棘手或具有副作用。 - Potato

Answer 2

只需要这样做：

style={{width: width+'%'}}

- AmirMasoud Fallahi