如何仅更改javafx css中的左填充

Question

我经常使用 html+css，但我对 javafx+css 完全陌生。所以这将是一个新手问题，但我无法在任何地方找到答案。

我有一个很大的 GridPane，里面装满了标签（除其他外）。我可以为所有这些标签设置填充，例如：

GridPane.containerLevel02 Label {
    -fx-padding: 0 0 0 5;
}

这行得通。我希望一些标签更缩进，所以我为它们创建了“leftIndent”类：

GridPane.containerLevel02 Label.leftIndent {
    -fx-padding: 0 0 0 20;
}

这也有效。

但是，我不想在那里指定三个零，因为如果我决定向标签添加顶部/底部填充，它不会影响“leftIndent”标签。

我正在寻找的是这样的：

GridPane.containerLevel02 Label.leftIndent {
    -fx-padding-left: 20;
}

... 就像在“普通” CSS 或 ...

GridPane.containerLevel02 Label.leftIndent {
    -fx-padding: null null null 20;
}

...或任何可以让我指定左侧填充，使顶部、右侧和底部填充保持不变的任何值。

这可能吗？ 谢谢！

Answer 1

由于 JavaFX 不提供 -fx-padding-left 或类似名称，我认为您最简单的解决方法是使用变量。例如：

.root {
  LABEL_PADDING_TOP: 0;
  LABEL_PADDING_RIGHT: 0;
  LABEL_PADDING_BOTTOM: 0;
  LABEL_PADDING_LEFT: 5;
}

GridPane.containerLevel02 Label {
    -fx-padding: LABEL_PADDING_TOP LABEL_PADDING_RIGHT LABEL_PADDING_BOTTOM LABEL_PADDING_LEFT;
}

GridPane.containerLevel02 Label.leftIndent {
    -fx-padding: LABEL_PADDING_TOP LABEL_PADDING_RIGHT LABEL_PADDING_BOTTOM 20;
}

它仍然需要您覆盖在某些用例中可能不需要的所有值，但至少您必须只在一个地方指定默认值。