0

自 HTML1 出现以来，HTML 一直困扰着我。

一件事是关于换行符。

http://jsfiddle.net/LhDFs/2/

<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个空行<p>吗？它出现<br/>或空格符号对此不起作用。

好吧，当然，可以使用<br/>代替<p>，但现在我调整了 Markdown，尤其是 gfm，所以我需要保留段落结构。

简而言之，只要我们坚持下去，我们就永远无法拥有 2 个空白行，这太奇怪了<p>。

我认为是

foo


bar

2个空行：而不是

foo



bar

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

编辑：

好吧，我的目的是使 P 标签的结构保持一致，但是感谢大家，我得到了一个提示，我可以使用 CSS hack 准备多个分类的 p 标签。

乍一看，这确实很老套，但我认为我可以做到。感谢所有评论。

编辑2：

我以为我们有解决方案，但似乎没有；我发布另一个：

在不修改原始元素的情况下，p 标签之间似乎不可能有 2 个空行

4

3 回答 3

3

标记中的空白（新行、空格）不会出现在网站的前端。

这个：

<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;
}

演示

于 2013-08-02T02:16:18.120 回答
1

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

<br>
<br />

或将其设置为其中之一

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

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

于 2013-08-02T02:23:19.813 回答
0

尝试这个：

<br />
&nbsp;
<br />

nbsp的意思是“不间断的空间”。

于 2013-08-02T02:25:51.387 回答