Question

自从HTML1问世以来，HTML一直困扰着我。

有一件事是关于换行。

<p>1</p>
<p>2</p>

<p>br1</p>
<br/>
<p>br2</p>

<p>p1</p>
foo
<p>p2</p>

<p>pp1</p>
    <p>foo</p>
<p>pp2</p>

p标签在元素之间有1行。

之间是否有2个空行？看起来 或空格符号不起作用。

当然，可以使用 代替，但现在我调整Markdown，尤其是gfm，所以我需要保留段落结构。

我说，只要我们坚持，我们永远不会有2个空白行，这太奇怪了。

我认为是

foo


bar

2个空行：而不是

foo



bar

带有p标签结构的3个空白行。

修改

好吧，我的意图是拥有一致的P标签结构，但是感谢大家，我有一个提示，我可以用CSS hack准备多个分类的p标签。

首先想到的是真正的hacky，但我想我可以管理它。赞赏所有评论。

EDIT2：

我认为我们有解决方案，但似乎没有; 我发布了另一个：

It seems impossible to have 2 blank lines between p tags Without modification of the original elements

Answer 1

标记中的空格（新行，空格）不会显示在网站的前端。

这：

<p>example</p>
<p>example</p>

与：

相同

<p>
    example
</p>


<p>
    example
</p>

在网站上，这两个例子看起来都完全相同。

要控制网站前端的间距，填充，边距和位置，我们使用css：

<强> HTML

<p>
    example
</p>

<强> CSS

p {
    padding-left: 20px;
}

这是一个演示，显示由css控制的不同段落边距：

<强> HTML

<p class="noMargin">No margin</p>
<p class="noMargin">No margin</p>
<p class="noMargin">No margin</p>
<p>Default margin</p>
<p>Default margin</p>
<p>Default margin</p>
<p class="doubleMargin">Double margin</p>
<p class="doubleMargin">Double margin</p>
<p class="doubleMargin">Double margin</p>

<强> CSS

p.noMargin {
    margin: 0;
}
p.doubleMargin {
    margin: 2em 0;
}

<强> Demo

Answer 2

如果我理解正确的话，它似乎对我有用。但有一点是换行的正确语法是：

<br>
<br />

或者将其设置为其中一种

<p style="margin-bottom: 10px;">text</p>
<p style="line-height: 200%;">text</p>

以当前字体大小的百分比表示的行高

Answer 3

试试这个：

<br />
&nbsp;
<br />

nbsp 表示“不间断的空间”。

<p>标签之间是否有2个空行？减价</P>

3 个答案: