在JavaFX中使用默认Modena样式的按钮宽度

Question

看一下下面的图片：

上面有两个元素- Button和带有相同文本的Label 。

按钮的宽度为54 px ，标签的宽度为36 px 。 区别是： 54px - 36px = 18px 。

我已经研究过modena.css but仍然不知道这18px来自何处。

谁能解释？

Answer 1

在当前版本的modena.css的第420行中，按钮具有由以下内容定义的填充：

-fx-padding: 0.333333em 0.666667em 0.333333em 0.666667em; /* 4 8 4 8 */

在Windows上， 0.6666667em是8像素，在Mac上，则稍高一些，因此左侧和右侧的填充说明了宽度的差异。