我会使用哪些 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
鉴于此:
<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