TailwindCSS：如何从网格右侧添加元素？

Question

给定类名“grid grid-cols-5 gap-2 place-items-end”

我得到：

求职：

是否有 CSS 解决此问题的唯一方法？必须在 js 的 6h 星上设置一个“col-span-4”有点乏味（考虑到我能得到的星数是未知的）。

Answer 1

用 direction: rtl; 反转第二行就可以了。

HTML:

<div class="rtl-grid container w-96 bg-red-700 h-auto grid grid-cols-5 gap-4 p-4 -mt-4">
  <div class="bg-white h-12"></div>
  <div class="bg-white h-12"></div>
</div>

CSS:

.rtl-grid {
  direction: rtl;
}

Tailwind Play