我在带有一些childdisplay: flex元素的<summary>标记上有一个<p>。应该把它们排成一排,对吧?确实如此,但只有在Firefox中。不在铬合金上(43.0.2357.81)。只是我吗?
http://jsfiddle.net/laggingreflex/5e83uqf9/

summary {
  display: flex;
  flex-flow: row wrap;
}
summary h3 {
  display: block;
  flex: 1 100%;
}

<summary>
  <h3>Heading</h3>
  <p>1</p>
  <p>2</p>
  <p>3</p>
</summary>

最佳答案

summary元素不是结构标记,它有自己的显示属性。它应该是details标记的切换可见性框。
根据MDNCanIUse,Chrome已经完全实现了summary标记,而Firefox没有。对于未实现的标记类型,大多数主要浏览器的默认行为是将元素绘制为通用块级元素。在Firefox中,使用summary标记与使用div标记基本相同。但是,在Chrome中,它很可能被渲染为replaced element,这意味着(除其他外)不能覆盖它的显示类型。
编辑:summary标记现在也在Firefox中实现,从版本49开始。

关于html - display flex无法在Chrome中的摘要标签上使用?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/30650471/

10-12 00:49
查看更多