段落标记不包含块元素

问题描述:

如何将块元素放置在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> 
+0

这不能被有效地进行。 – Stephen 2010-12-13 22:28:20

+0

如果您正在考虑将内容包装到列表中,请在列表前放一段,然后放一段。 – Stephen 2010-12-13 22:30:14

http://www.w3.org/TR/html401/struct/text.html

的P元素表示一个段落。 它不能包含块级元素 (包括P本身)。

+1

P是这个奇怪规则的唯一标签吗?规则是否可覆盖CSS? – JoJo 2010-12-13 22:41:30

+0

我发现这是你的问题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>