html - Firefox 中的 Flexbox : Items are not lined up properly

<分区>

这http://jsfiddle.net/7ra5oL77/应该将橙色点与下面的文本水平对齐。相关元素是:

<div class="draggable ui-widget-content"></div>

和

<div class="item">60°C</div>

这在 Chrome 和 Edge 中有效，但 Firefox 似乎没有使用全宽并且右侧有太大的空白区域。

谁能帮帮我？

最佳答案

我看到的问题是 firefox 将您的 div.lines 识别为 flexbox 中的元素，即使它们是绝对位置。如果您将它们拉出容器或完全删除它们(我不明白它们的用途)，那么您应该没问题。

关于html - Firefox 中的 Flexbox : Items are not lined up properly，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/32532377/

相关文章：

javascript - 我如何使用 Firebug 查看哪些代码折叠了菜单？