1

だから私はこのコードを持っています:

<p id="item_1">
    <div class="background displayInline deleteItemFromCart" title="Delete item"></div>
    some text
</p>

シンプルですよね？Chrome開発ツールでソースを表示するとどうなるでしょうか。

ここに画像の説明を入力

ご覧のとおり、何らかの理由で<p>何も含まれていません。

div テキストを削除しようとすると、再びタグに戻ってくるので、 div 要素をまったく含むことができないか、または div 要素だけを含むことはできないのではない<p>でしょうか?<p>

編集まあ、それはばかげた質問でした。とにかく、今考えてみると、リストを作成する<ul>代わりに使用できたはず<p>です...とにかく、助けてくれてありがとう。

4

4 に答える 4

2

そうです、<p>インライン要素とテキストを含めることができます<div>が、ブロック要素です。

インライン要素は次のとおりです。a abbr acronym applet b basefont bdo big br button cite code del dfn em font i img ins input iframe kbd label map object q samp script select small span strong sub sup textarea tt var

于 2012-09-08T08:43:32.877 に答える
2

これは奇妙ではありません。それは単に間違ったマークアップです:)

<p id="item_1">
    <span style="display:block" class="background displayInline deleteItemFromCart" title="Delete item"></span>
    some text
</p>

しかし、インライン スタイルは良くありませんが、次のようなものを master.css ファイルに追加する必要があります。

p span {display:block}
// Or
#item_1 span {display:block}
于 2012-09-08T08:42:53.247 に答える
2

pタグには、それ自体を含め、ブロック レベルの要素を含めることはできません。ソース: http://www.w3.org/TR/html401/struct/text.html#h-9.3.1

于 2012-09-08T08:42:54.147 に答える
1

P にはインライン要素のみを含めることができます。

インライン要素/フロー コンテンツに関する簡単な説明については、このリンクを参照してください。

ol/ul は <p> の内側にあるべきか外側にあるべきか?

于 2012-09-08T08:42:44.203 に答える