我在带有一些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
标记的切换可见性框。
根据MDN和CanIUse,Chrome已经完全实现了summary
标记,而Firefox没有。对于未实现的标记类型,大多数主要浏览器的默认行为是将元素绘制为通用块级元素。在Firefox中,使用summary
标记与使用div
标记基本相同。但是,在Chrome中,它很可能被渲染为replaced element,这意味着(除其他外)不能覆盖它的显示类型。
编辑:summary
标记现在也在Firefox中实现,从版本49开始。
关于html - display flex无法在Chrome中的摘要标签上使用?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/30650471/