【问题标题】:How to see CSS boxes in firefox inspector如何在 Firefox 检查器中查看 CSS 框
【发布时间】:2015-09-04 11:21:44
【问题描述】:

来自http://www.w3.org/TR/css3-box/#line-box

读完上面的页面,我发现一个 HTML 元素可以变成零个或多个框。

页面给出了一个例子:li元素被转化为多个盒子。

在 Firefox 浏览器中,我打开了检查器并选择“盒子模型”选项卡,并尝试检查该 li 元素。

但是“盒子模型”部分只有一个盒子,根据上面的URL,li元素有多个盒子,但是为什么我看不到或选择那些多余的盒子?

像那些线框一样,如何查看/调试它们?

【问题讨论】:

  • 要求不明确。请详细说明。
  • 如果我在 Firefox 中检查 li 元素并切换到盒子模型,我看到盒子被 3 个盒子(填充、边框、边距)包围......不确定你希望看到什么?
  • @Navnish Bhardwaj,正如页面所说,li 元素有 4 个关联的框,一个块级,一个行框,2 个内联框,我如何在浏览器中检查这 4 个框。
  • @Simon Hänisch,正在填充一个盒子吗?
  • 我认为您无法将框可视化...框模型仅显示一个元素的框及其填充、边框、边距...它不显示其中包含的框盒子。

标签: html css firefox


【解决方案1】:

好吧,我的错误,那个 URL 是一个工作草案,没有被实施。

【讨论】:

    猜你喜欢
    • 2015-10-21
    • 1970-01-01
    • 2013-02-20
    • 2023-04-06
    • 1970-01-01
    • 2013-08-24
    • 2012-04-08
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多