html - display flex doesn't work on summary tags in Chrome? -
i have display: flex
on <summary>
tag child <p>
elements. should arrange them in row, right? , does, in firefox. not on chrome (43.0.2357.81). me?
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>
the summary
element not structural tag, has own display properties. meant toggled visibility box details
tag.
according both mdn , caniuse, chrome has implemented summary
tag, while firefox has not. un-implemented tag type, default behavior of major browsers draw element generic block-level element. in firefox, then, using summary
tag same using div
tag. in chrome; however, may rendered replaced element, mean (among other things) cannot override display type.
edit: summary
tag implemented in firefox well, of version 49.
Comments
Post a Comment