ParSa MnS's questions

我正在尝试创建一个网站并将其用作tailwindcss其前端部分。（我在这篇文章中使用了库存图片）

正如您在上面看到的，我无法对齐这两张图像（第三张图像被推下，因为第二张图像在它的位置），在我添加之前，一切都很好，incline-block以便将Text图像放在正确的位置。

以下是本节的代码：

      <div class="relative ml-14 mt-2 inline-block">
        <img src="stockimage" alt="" class="float-left transition transform rounded-lg">
        <div class="absolute bottom-0 left-0 px-8 py-4 transition transform">
          <h1 class="text-white font-bold text-xl transition-transform transform hover:scale-105">Something</h1>
        </div>
      </div>
      <div class="relative mr-14 mt-2 inline-block">
        <img src="stockimage" alt="" class="float-right transition transform rounded-lg">
        <div class="absolute bottom-0 left-0 px-8 py-4 transition transform">
          <h1 class="text-white font-bold text-xl transition-transform transform hover:scale-105">Something</h1>
        </div>
      </div>
      <div class="relative mr-14 mt-2 inline-block">
        <img src="stockimage" alt="" class="float-right transition transform rounded-lg">
        <div class="absolute bottom-0 left-0 px-8 py-4 transition transform">
          <h1 class="text-white font-bold text-xl transition-transform transform hover:scale-105">Something</h1>
        </div>
      </div>

我尝试了一些替代方法，但没有得到任何结果，如能得到任何帮助我将非常感激。

我按照建议使用了网格 CSS，但是它并不不规则。