我会使用哪些 Tailwind 实用程序来使两个跨度中的文本之间没有间距?

What Tailwind utilities would I use to have no spacing between the text in two spans?

鉴于此:

    <div>
        <span class="font-extrabold">AAA</span>
        <span class="font-medium">bbb</span>
    </div>

如何让文本显示为 AAAbbb 而在 AAA 和 bbb 之间没有额外的 space?

内联元素与源代码中存在的空格意外交互。这可能对解决方案有帮助:css-tricks.com/fighting-the-space-between-inline-block-elements

本质上:

  • 最小化 HTML 以删除空格
  • 拆分 opening/closing 标签以覆盖新行和缩进
  • 使用每一行的 start/end 来创建新行和缩进
  • 负边距
  • 其他一些技巧...
  • 将父项的显示更改为 flex