顺风CSS -项目之间的垂直间距

Question

我一直在尝试使用content- been使用Tailwind CSS在容器中分发行，以便每行之间有相等的间距。请帮帮忙。

            <div className="w-96 mx-10">
              <div className="flex flex-col content-between">
                <div className="bg-red-400">
                  <h2 className="text-3xl">Technology Used</h2>
                </div>
                <div className="text-lg bg-blue-200">
                  <ul>
                    <li>ITEM1</li>
                    <li>ITEM2</li>
                    <li>ITEM3</li>
                    <li>ITEM4</li>
                  </ul>
                </div>
                <div className="bg-green-100">{project.description}</div>
              </div>
            </div>

Answer 1

你能检查一下下面的代码吗？希望它能为你工作。您需要在父元素中添加space-y-2类，如以下代码所示。

参考链接：https://tailwindcss.com/docs/space

<div className="flex flex-col content-between space-y-2">
  <div className="bg-red-400">
    <h2 className="text-3xl">Technology Used</h2>
  </div>
  <div className="text-lg bg-blue-200">
    <ul>
      <li>ITEM1</li>
      <li>ITEM2</li>
      <li>ITEM3</li>
      <li>ITEM4</li>
    </ul>
  </div>
  <div className="bg-green-100">{project.description}</div>
</div>