如何在没有间距的HTML中进行换行

Question

尽管使用<br>显然会产生换行符，但它也会在行之间创建间距。我想要一个图像，在另一个没有间距的图像下面。我怎么能说根本没有行距;我想用CSS？

Answer 1

无论您使用<br>，<p>还是其他任何换行标记，都可以使用边距，填充和行高等CSS样式来控制行间距。

Answer 2

http://jsfiddle.net/RWayz/。 您需要重置img标签上的vertical-align 。

img {vertical-align:top;}

Answer 3

我的猜测是你遇到了默认的borwser样式表，或者甚至是你自己的样式表。 <br>本身并不提供间距。您可以考虑使用CSS重置来删除任何可能导致不良布局的默认浏览器样式。

Answer 4

line-height属性

line-height: 10px;

您还可以以％（100％，30％等）

指定值

Answer 5

你的目标是纯粹的UI吗？如果是这样，那么只使用CSS。如果您确实需要结构的语义，您还可以尝试<HR>标记。

Answer 6

注意：这回答了原始发布的问题。这个问题后来被改为关于图像。

使用段落标记并在css中将margin设置为零。

HTML：

<p>Content.</p>

CSS：

p{ margin: 0; }

请参阅此jsfiddle example。

这将导致创建段落，您可以使用margin-top和margin-bottom属性控制它们之间的任何间距。 （在这个例子中，没有余量。）