为什么flexBox不能正常使用fieldset或其他非div标签?
我希望他们在div示例中相互排列,如flex-direction:row;在flexBox中是默认的。然而,fieldset是强制应用宽度,我不明白为什么。
我希望他们在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;
解决方法
据我所知,这是由于与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。