行内元素可以包含块元素吗?

2023-11-21

内联元素可以包含块元素,例如:列表可以有段落吗?


抛开 LI 和 P 都是块级这一事实......

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

例如,在 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 为此

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

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

行内元素可以包含块元素吗? 的相关文章

  • html5标签“Contenteditable”的css选择器[重复]

    这个问题在这里已经有答案了 如何使用 contenteditable true 的 css 选择器 div div Use a CSS 属性选择器 https developer mozilla org en docs Web CSS At
  • 检测 div 何时溢出

    我试图让我的网站根据屏幕的大小流动 我创建了这个 http jsfiddle net aboveyou00 7NeZz 1 http jsfiddle net aboveyou00 7NeZz 1 它运行得很好 当两个内部 div 适合时
  • Bootstrap 下拉按钮名称在单击时发生变化

    我正在使用下拉按钮 4 个按钮 来过滤项目中的内容 并且我希望按钮名称更改为选定的 这样用户就不会忘记他 她在哪里 见图 这怎么可能 提前谢谢 这是pen http codepen io aktuna pen FqKjb 您可以使用 jQu
  • 使用图像映射生成器的一个好的替代方案是什么? [关闭]

    Closed 这个问题不符合堆栈溢出指南 help closed questions 目前不接受答案 我有一张大图像 我想让图像的某些部分可单击 我还想指定可点击区域的形状 方形 圆形 自定义 在不依赖 Javascript 的情况下 如何
  • 使用 CSS2 将

    有没有一个好的跨浏览器解决方案来拆分单个 ul 分成两列 或者最好的方法仍然是使用两个相邻浮动的单独列表 我正在寻找单一的解决方案 因此如果需要替代 HTML 来支持旧版浏览器 则不允许使用 CSS3 优点 要求浏览器支持IE7 FF3 我
  • 使内联块在溢出时缩小到内容

    I have an inline block container with several other inline block elements like so The container is the blue background t
  • 在 IE8 中无法正确从 JSONP 文件读取特殊字符

    同样的问题上一个问题 https stackoverflow com questions 4742771 special characters are not being read from a jsonp file correctly我专
  • 在 uiwebview 中使用 javascript 将样式应用于文本范围

    我在 iPhone 上的 UIWebView 中将一些简单样式的文本显示为 html 它基本上是一系列段落 偶尔有强烈或强调的短语 在运行时 我需要将样式应用于文本范围 有一些类似的场景 其中之一是突出显示搜索结果 如果用户搜索了 某事 我
  • 搜索引擎如何处理 AngularJS 应用程序?

    我发现 AngularJS 应用程序在搜索引擎和 SEO 方面存在两个问题 1 自定义标签会发生什么 搜索引擎会忽略这些标签中的全部内容吗 即假设我有
  • 如果选中/取消选中复选框,则启用/禁用提交按钮?

    如何在 HTML 表单中启用提交按钮并在未选中复选框时禁用该按钮 这段代码有什么问题 EnableSubmit function val var sbmt document getElementById Accept if val chec
  • 在 javascript 中将 3 个函数合并为一个

    我尝试将这三个功能合二为一 但这样做后 它不起作用 你能帮我把它们结合起来吗 function showForm id name document getElementById submitForm style display block
  • 如何在不使用 Flexbox 的情况下水平对齐元素?

    有没有一种方法可以在不使用的情况下将 Web 组件彼此相邻对齐Flexbox 我知道它是一个很棒的工具 但不幸的是它不适用于 IE 9 或 10 我希望链接内的文本显示在图像旁边 JSFiddle 显示了工作代码 但是使用 FlexBox
  • javascript 可以从父页面访问 iframe 元素吗?

    我的页面上有 iframe iframe 和父页面位于不同的域中 父页面上的 javascript 代码可以访问此 iframe 内的元素吗 如果页面来自不同的域 则不应该这样做 浏览器安全沙箱应该阻止这种类型的访问 当两个页面来自不同的时
  • 克隆表行

    我怎样才能使用javascript 我假设 来克隆一个表格行 就像下图所示的那样 您可以将现场活动连接到所有按钮 例如 如果您给他们一类克隆 则以下内容将起作用 input clone live click function put jqu
  • 更改打开的下拉菜单上向上箭头的颜色

    我正在使用 twitter bootstrap 2 0 1 我正在尝试更改下拉菜单的颜色 我已经设法改变了本身掉落的容器的颜色 但是我似乎找不到箭头来自哪里 有人知道我在哪里可以找到箭头来自的代码 以及如何更改它的颜色 箭头代码可以在lin
  • 如何在 Perl CGI 程序中进行分页和排序?

    这是我从 SQLite 数据库检索数据的表 它有很多记录 所以在 添加 按钮附近我需要类似的东西 lt lt gt gt 每当我点击时 它就会执行分页功能 另外 除了表每个标头 例如 UserName UserId 之外 我还需要排序 按钮
  • 滚动条宽度:细在 Firefox 中不起作用

    我刚刚在 Firefox 67 中实现了新的 css 滚动条颜色和滚动条宽度 滚动条宽度不起作用 无论我将其设置为自动 细化还是无 它都会显示相同的宽度 我想要它薄 但它不薄 我是这样实现的 root scrollbar color rgb
  • 单击即可切换背景颜色和过渡

    这看起来应该很容易 但我真的找不到办法做到这一点 动画 http doir ir css gif http doir ir css gif 当您单击这些相应的链接时 我需要更改和过渡页面的背景颜色 我见过的最接近触发这种类型转换的事情是 仅
  • 如何在网页上显示进度条直到网页完全加载?

    我想在网页中显示进度条 加载弹出窗口 直到页面完全加载 我的网页很重 因为它包含一个 HTML 编辑器 这是一个基于 jQuery 的 HTML 编辑器 需要很多时间才能完全加载 在加载时 我希望在页面上显示一个进度条 该进度条将在整个页面
  • 如何在流体宽度表中使用省略号而不使每列大小相同?

    假设我的表中的列是id name description and phone The description列的长度为 1 255 个字符 但 id 最多只有 3 个字符 我希望列的大小适当 而不是每列的大小相同 我想要descriptio

随机推荐