Inline-flex为元素添加了额外的垂直空间

所以我拼凑了一个简单的基于材质的开关类，它使用flex来进行间距。一切运作良好，但是，当我制作一些布局变体时，我得到了一些意想不到的间距。Inline-flex为元素添加了额外的垂直空间

See codepen example

正如你所看到的例子，左边的列有更多的垂直间距比右边的列。它对我来说没有意义，因为我所做的全部都是重新安排了跨度。

我知道它与切换到常规弹性修复问题时内联有关。但是内联间距（如font-size：0和line-height 1）的正常技巧似乎没有任何区别。

来源

2016-06-28 user3749692

问题寻求帮助调试必须包括必要的重现它最短的代码**在问题本身NB ** - **请不要滥用代码块来解决此需求**。 –

请不要在外部网站上发布代码（可能会失败），请在[内嵌最小，完整，可验证的示例]（// stackoverflow.com/help/mcve）中，最好以[Stack Snippet ]（// blog.stackoverflow.com/2014/09/introducing-runnable-javascript-css-and-html-code-snippets/）。 –

您需要的10px的高度增加

.pv-switch__switch

Example Pen

来源

2016-06-29 12:00:55

Inline-flex为元素添加了额外的垂直空间

回答

相关问题