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 を微調整しているため、段落構造を維持する必要があります。

簡単に言うと、<p>.

私が考えるのは

foo


bar

2 つの空白行:代わりに

foo



bar

p タグ構造の 3 つの空白行。

編集:

まぁ、Pタグの構造を統一したつもりだったのですが、皆さんのおかげでCSSハックで複数クラスのpタグを用意できるヒントが得られました。

これは最初の考えでは本当にハックですが、私はそれを管理できると思います. すべてのコメントに感謝します。

EDIT2:

これには解決策があると思っていましたが、そうではないようです。私は別のものを投稿します:

元の要素を変更しないと、p タグの間に 2 つの空白行を含めることは不可能のようです

4

3 に答える 3

3

マークアップの空白 (改行、スペース) は、Web サイトのフロント エンドには表示されません。

これ:

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

以下と同じです:

<p>
    example
</p>


<p>
    example
</p>

Web サイトでは、これらの例はどちらもまったく同じように表示されます。

Web サイトのフロント エンドの間隔、パディング、マージン、および位置を制御するには、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 に答える
0

これを試して:

<br />
&nbsp;
<br />

nbspは「非改行スペース」を意味します。

于 2013-08-02T02:25:51.387 に答える