Question

我正在使用.tab-pane .tab {}来更改标签页眉的颜色和宽度。这没问题。

.tab-pane .tab
{
    -fx-background-color: linear-gradient(to bottom, repeat, #CCCCCC , #808080 );
    -fx-pref-width: 150.0;
    -fx-text-alignment: CENTER;  <-- does not work
}

但是，文本对齐没有效果，我该怎么做？

Answer 1

看一下modena.css搜索TabPane，您会发现标签标签对齐已默认为CENTER，但您已将.tab的宽度更改为150.0，尽管标签宽度为还是一样。因此，您需要指定标签标签的对齐方式和宽度，如下所示：

.tab-pane .tab
{
    -fx-background-color: linear-gradient(to bottom, repeat, #CCCCCC , #808080 );
    -fx-pref-width: 150.0;
}

.tab-pane > .tab-header-area > .headers-region > .tab > .tab-container > .tab-label {
    -fx-alignment: CENTER;
     -fx-pref-width: 150.0;
    -fx-text-fill: -fx-text-base-color;
}

JavaFX选项卡标题文本无法对齐中心

1 个答案: