如何將塊元素放置在HTML段落標記中?當我嘗試這樣做時,Firebug的HTML選項卡顯示該段落不包含塊元素。此外,應用於該段落的任何CSS都不適用於子塊元素。段落標記不包含塊元素
此代碼:
<p>
<ol>
<li>foo</li>
<li>bar</li>
</ol>
</p>
p {
line-height: 2em;
}
變成呈現爲:
<p></p>
<ol>
<li>foo</li>
<li>bar</li>
</ol>
如何將塊元素放置在HTML段落標記中?當我嘗試這樣做時,Firebug的HTML選項卡顯示該段落不包含塊元素。此外,應用於該段落的任何CSS都不適用於子塊元素。段落標記不包含塊元素
此代碼:
<p>
<ol>
<li>foo</li>
<li>bar</li>
</ol>
</p>
p {
line-height: 2em;
}
變成呈現爲:
<p></p>
<ol>
<li>foo</li>
<li>bar</li>
</ol>
從http://www.w3.org/TR/html401/struct/text.html:
的P元素表示一個段落。 它不能包含塊級元素 (包括P本身)。
P是這個奇怪規則的唯一標籤嗎?規則是否可覆蓋CSS? – JoJo 2010-12-13 22:41:30
我發現這是你的問題http://www.sitepoint.com/forums/showthread.php?820558-Some-Block-level-elements-cannot-contain-Block-elements – 2013-12-17 05:09:09
列出代碼不應該被封閉在一個段落標記。你想做什麼?
段落是爲了保持內聯元素而不是塊元素。實際上,請看一眼...
http://bytes.com/topic/html-css/answers/153770-acceptable-put-ul-inside-paragraph。
這聽起來像你應該使用<div>
代替<p>
這不能被有效地進行。 – Stephen 2010-12-13 22:28:20
如果您正在考慮將內容包裝到列表中,請在列表前放一段,然後放一段。 – Stephen 2010-12-13 22:30:14