在 Tailwind 中强制减少行间距 CSS

Question

当我添加到时使用 Tailwind CSS:

<ul class='list-inside list-disc px-0.5'>
    <li> <span class='italic font-semibold'>Billpay</span></li>
    <li> <span class='italic font-semibold'>Check</span></li>
    <li> <span class='italic font-semibold'>EFT</span></li>
    </ul>

text-xl:

<ul class='list-inside list-disc px-0.5'>
    <li><span class='text-xl'></span> <span class='italic font-semibold'>Billpay</span></li>
    <li><span class='text-xl'></span> <span class='italic font-semibold'>Check</span></li>
    <li><span class='text-xl'></span> <span class='italic font-semibold'>EFT</span></li>
    </ul>

行距增加自：

至：

如何保持原来的间距？

Answer 1

默认情况下，Tailwind 为每种文本大小应用不同的行高（参见：https://tailwindcss.com/docs/font-size）。对于普通文本，行高是 1.5rem，对于 text-xl 是 1.75rem。要收紧线条，您可以尝试应用实用程序类 text-xl leading-normal（或 text-xl leading-snug，如果它仍然太高）。

在 Tailwind 中强制减少行间距 CSS

Force less line spacing in Tailwind CSS

css

tailwind-css