减少HTML文本上方和下方的空格

Question

我遇到的问题是我的链接文本总是在文本的上方和下方添加不需要的空格。仅当我的文本有换行符时才会发生这种情况。我想这是因为我正在使用的文本字体。我有一些修复它，通过使用内联块，它以某种方式删除空格，但我想保留此文本/链接块中的换行符。最后，我想在顶部添加边框线并吹链接。当我添加边框时，边框线显示在空格的末尾，看起来不太好。这就是我想删除不必要空间的原因。 在屏幕截图中，链接具有css属性：display：inline;

<ul>
    <li>
        <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr
            <a class="link" href="target.html">
                This is a very very very long link...</a>, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna
            aliquyam erat</p>
    </li>
</ul>

Answer 1

您可以使用line-height和font-size控制文字占据的高度。但我认为你想要的是line-height。尝试降低它的价值。

Answer 2

您正在寻找WITH Running AS( SELECT *, SUM(qty) OVER (ORDER BY id ROWS BETWEEN UNBOUNDED PRECEDING AND CURRENT ROW) AS RunningQty FROM #temp t) SELECT id, qty, checkvalue FROM Running WHERE RunningQty <= checkvalue; ：

line-height

演示：

ul li {
   line-height: .8em;
}

ul { width: 200px; line-height: 1.5em; }
ul:last-of-type { line-height: .8em; }