如何在TailwindCSS中实现两个flex元素间的最大间距？

要实现两个元素间距最大化，不用固定gap-*类，直接利用flex布局的空间分配特性即可：

• 给容器添加Tailwind的justify-between类，这个类对应CSS的justify-content: space-between，会把两个元素分别推到容器的左右两端，中间间距自动填满容器剩余空间，也就是最大间距。

修改后的代码：

<footer class="flex justify-between">
  <div>Text1</div>
  <div>Text2</div>
</footer>

如果需要让元素在垂直方向保持对齐（比如居中），可以额外添加items-center类：

<footer class="flex justify-between items-center">
  <div>Text1</div>
  <div>Text2</div>
</footer>

内容的提问来源于stack exchange，提问作者prnvbn