css – 为什么Flexbox的所有元素都不像Flexbox div那样运行?

前端之家收集整理的这篇文章主要介绍了css – 为什么Flexbox的所有元素都不像Flexbox div那样运行?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
为什么flexBox不能正常使用fieldset或其他非div标签
我希望他们在div示例中相互排列,如flex-direction:row;在flexBox中是默认的。然而,fieldset是强制应用宽度,我不明白为什么。

HTML

<fieldset>
    <div>fieldset flexBox</div>
    <div>1</div>
    <div>2</div>
</fieldset>

<div id="parentdiv">
    <div>div flexBox<div>
    <div>3</div>
    <div>4</div>
</div>

CSS:所有元素都设置为显示:flex;

http://jsfiddle.net/c5BB5/1/

解决方法

据我所知,这是由于与fieldset元素有关的浏览器错误

这是a known issue with fieldset elements in Chrome. Firefox has a similar (very old) issue在那个传奇和现场集是replaced elements

我想使用< div role =“group”>更安全而不是现在的一个真正的现场集。在您的CSS中,您可以使用div [role =’group’]作为选择器。有关详细信息,请参阅http://www.deque.com/aria-group-viable-alternative-fieldset-legend

猜你在找的CSS相关文章