代码之家  ›  专栏  ›  技术社区  ›  Lonnie Best

如果字段集的显示为网格,则图例元素是否为网格项?

  •  2
  • Lonnie Best  · 技术社区  · 7 年前

    哪一部分 css-grid 传奇 如果 字段集 元素设置为 ?

    如你所知,一个 元素通常是 元素,但很少有人希望它被视为网格项。

    我想知道我是否需要采取明确的造型预防措施,以确保 传奇 传奇 元素(按规范)不是网格项。

    1 回复  |  直到 5 年前
        1
  •  6
  •   BoltClock    4 年前

    这一点已经改变;字段集呈现已经被重新定义和重写,使得它们现在可以作为CSS网格进行布局。看到了吗 Mats Palmgren's answer .


    在CSS规范中找不到这些细节,但是在HTML规范中,HTML非常具体地描述了 fieldset legend 元素应该被呈现,并且,由于历史原因,这些元素的布局实现是非常严格的,对于通过 display 财产。

    display: grid 任何浏览器都不支持字段集。事实上, just a few days ago 显示 物业应按 字段集 传奇

    这个 字段集

    • ...

    • “display”属性的作用如下:

      • 如果'display'的计算值是'inline'、'inline block'、'inline table'、'ruby'、'ruby base'、'ruby text'、'ruby base container'、'ruby text container'、'inline flex'或'inline grid'之一,则表现为'inline block'。

      • 如果'display'的计算值是'block'、'table'、'table row group'、'table header group'、'table footer group'、'table row'、'table cell'、'table column group'、'table column'、'table caption'、'list item'、'flow'、'flow root'、'run in'、'flex'或'grid'之一,则表现为。

    这基本上巩固了当前的文本,即 元素应该建立一个块格式化上下文,而不指定如果UA选择不遵循此定义,它应该如何工作。

    这加上当前可互操作的浏览器行为,意味着 字段集 显示:栅格 ,自其父级

        2
  •  3
  •   Mats Palmgren    4 年前

    <fieldset> 这些天。火狐 added it back in 2015

    <legend> 不是的子盒子 anonymous fieldset content box (它实现了实际的网格/柔性布局),因此它不被视为网格项。无论字段集的大小,它的行为都是相同的 display 价值观。

    fieldset/legend rendering 现在有一个相当详细的描述如何布局工作,用CSS术语描述。