JavaFX Spinner - 如果箭头在左右，如何对齐微调器内的文本？

Question

所以我有这个用于分页的 Spinner。它的样式类如下所示：

Spinner<Integer> spinner = new Spinner<>(1,20,1);
spinner.getStyleClass().add(Spinner.STYLE_CLASS_SPLIT_ARROWS_HORIZONTAL);

所以现在微调器出现在数字的左右两侧带有箭头。但是，文本始终与微调器的左侧对齐。假设即使我有一些微调器的宽度（例如 200 像素或其他东西），微调器中显示的数字始终位于左箭头旁边。我想知道如何将它设置到 Spinner 的中心。

这是我在 CSS 中尝试过的：

.spinner > .text-field
{
    -fx-text-alignment: center;
}

.spinner
{
    -fx-text-alignment: center;
}

.spinner > text
{
    -fx-text-alignment: center;
}

没有任何效果。

Answer 1

你需要

.spinner > .text-field
{
    -fx-alignment: center;
}

-fx-text-alignment 属性确定多行文本的对齐方式（即一行文本相对于另一行的对齐方式）。要对齐整体内容，请使用-fx-alignment。