减少HTML中两行之间的间距

Question

HTML n00b在这里。我无法粘贴我的实际代码，因为它来自工作，但基本上我有

<p>Some text</p>
<p><a href="SomeSite.com">Some more text</a></p>

我希望这些线条堆叠在一起，而页面上的其余线条保持彼此之间的正常间距。

我试过

<p style="padding-bottom: 0px">Some text</p>
<p><a style="padding-top: 0px" href="SomeSite.com">Some more text</a></p>

但这不起作用。似乎 应该 工作。

请告诉我如何以正确的HTML方式执行此操作并解释我的尝试失败的原因。

Answer 1

你会想做这样的事情：

<p>Some Text <br /> <a href="">Some more text</a></p>

<br />是一个换行符，因此您可以将所有内容放在1个段落中，换行符会将下一行放在第一行之下。然后，您可以使用line-height:10px

<p style="line-height:10px;">Some Text <br /> <a href="">Some more texth</a></p>

您可以将px大小更改为任何内容。

如果你需要有两个单独的段落，你可以将它们放在一个容器中，然后将line-height放到容器中。

<div style="line-height:10px">
    <p>line 1</p>
    <p><a>line 2</a></p>
</div>

Answer 2

使用span代码而不是p代码p代码将自动以新行开头

所以你应该在css中使用display:inline或使用span标记

<span>Some text</span>
<span><a href="SomeSite.com">Some more text</a></span>

DEMO

我只是误解了你的问题，所以我的答案如下 HTML

<p>Some text</p><br/>
<p><a href="SomeSite.com">Some more text</a></p>

CSS：

p{
    display:inline;
}

DEMO

Answer 3

不完全确定你的意思。

但听起来你想要一个换行符，而不是段落。

因此...

<p>Sometext<br><a href="#">Some other text</a></p>

<br>标记用于换行符。

有关详细信息，请务必结帐w3school：http://www.w3schools.com/html/html_paragraphs.asp 这是学习网页设计的绝佳资源。