如何只更改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;
}

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