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

【问题标题】：JavaFX tab header text could not align centerJavaFX 选项卡标题文本无法居中对齐
【发布时间】：2017-10-03 18:28:02
【问题描述】：

我正在使用 .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
}

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

【问题讨论】：

有关-fx-text-alignment 功能的一般描述，请参阅Labeled 中textAlignmentProperty 的文档。（还要注意Tab 不是Labeled，所以它没有这个属性。）

标签： javafx tabs alignment

【解决方案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;
}

【讨论】：