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

Question

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

Answer 1

我想说这更像是一种个人偏好编码风格。使用 Tailwind, I realised that most of my styling can be easily and flexibly done by using flex and 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 中没有多少百分比单位？

Why there is not much percentage unit in tailwind?

tailwind-css