在 Tailwind CSS 中强制减少行距答案

【问题标题】：Force less line spacing in Tailwind CSS在 Tailwind CSS 中强制减少行距
【发布时间】：2022-01-30 06:32:40
【问题描述】：

当我添加到时使用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>

文本-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>

行间距增加：

到：

如何保持原来的间距？

【问题讨论】：

标签： css tailwind-css

【解决方案1】：

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

【讨论】：