html - 行内元素可以包含 block 元素吗?

标签 html

行内元素可以包含 block 元素吗?例如:列表可以有段落吗?

最佳答案

撇开 LI 和 P 都是 block 级的......

这样做永远是无效的,但在行为方面,有时您可以将 block 级元素嵌套在内联一级元素中,但这取决于浏览器解析器。

例如,在 FireFox 3.x 中,使用这个标记

<!DOCTYPE html>
<i>
   foo
   <div>bar</div>
   baz
</i>

将以斜体显​​示 foo、bar 和 baz。

但是这个标记,替换了内联元素<i>带行内元素 <var> (它也有斜体作为它的默认呈现)

<!DOCTYPE html>
<var>
   foo
   <div>bar</div>
   baz
</var>

只会以斜体显示 foo。

JSFiddle for this

其他浏览器的行为不同。这就是您应该坚持使用有效标记的原因之一。

关于html - 行内元素可以包含 block 元素吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6439649/

相关文章:

javascript - 显示textarea的多行纯文本?

html - 在表格 td 标签中使用制表符

javascript - 属性选择器不改变属性

html - 字体大于其周围的 'element'

html - 小部件开发 : I need to develop a specific countdown widget

javascript - 使用 javascript href 链接附加一次

html - 使响应式网站适合移动设备的技巧

javascript - 用于处理单选按钮启用/禁用的通用 JavaScript

html - 隐藏 div 溢出内容

html - 正确显示导航的问题