为什么不能是d性容器吗？_随笔

为什么不能是d性容器吗？

根据错误984869-

display:flex

对按钮元素不起作用，

<button>

不能在纯CSS中实现（由浏览器实现），因此从CSS的角度来看，它们有点黑盒子。这意味着它们不一定以与例如a

<div>

。相同的方式做出反应。

这不是特定于flexbox的-
例如，如果您放置

overflow:scroll

按钮，则不会渲染滚动条，如果您放置按钮，则不会渲染为表格

display:table

。

向后退一步，这不是特定于的

<button>

。考虑

<fieldset>

和
<table>
也具有特殊的渲染行为：

 data:text/html,<fieldset

style=”display:flex”>abcdef

在这种情况下，Chrome同意我们的意见，而忽略了

flex

显示模式。（正如“ abc”和“
def”最终垂直堆叠的事实所揭示的那样）。它们恰好可以实现您期望的事实，

<button >

可能只是由于实现细节。

在Gecko的按钮实现中，我们对

<button>

（和

<fieldset>

，
和
<table>
），因为它具有特定的框架类（因此，具有布置子元素的特定方式），而与

display

属性无关。

如果您想以跨浏览器的方式可靠地将孩子可靠地安排在特定的布局模式下，最好的选择是在按钮内使用wrapper-div，就像您需要在内部
一个

<table>

或一个

<fieldset>

。

因此，该错误被标记为“已解决无效”。

还存在错误1047590-

display:flex;

在

<fieldset>

“未确认”中不起作用。

好消息 ：Firefox 46+实现了Flexbox for

<fieldset>

。

欢迎分享，转载请注明来源：内存溢出

为什么不能是d性容器吗？