如何删除 flex-wrap 上的 flex-item 之间的空间：wrap答案

【问题标题】：how to remove space between flex-item on flex-wrap: wrap如何删除 flex-wrap 上的 flex-item 之间的空间：wrap
【发布时间】：2023-01-11 13:52:44
【问题描述】：


    <div class="flex flex-wrap items-baseline">
      <div class="h-10 basis-1/2 border bg-orange-500">hello1</div>
      <div class="h-40 basis-1/2 border bg-amber-700">hello4</div>
      <div class="h-20 basis-1/2 border bg-yellow-500">hello2</div>
      <div class="h-30 basis-1/2 border bg-green-800">hello3</div>
    </div>

https://i.ibb.co/SK6zPCv/image.png问题图片

https://play.tailwindcss.com/AI0Uo1vVsT

【问题讨论】：

标签： html css flexbox styles tailwind-css

【解决方案1】：

您可以使用网格来更好地控制布局。或者您可以添加自定义 css，例如：

.h-20{
  position: relative;
  top:-7.5rem;
}

【讨论】：