java - 将 JavaFX 菜单项文本居中对齐

Question

我正在尝试使用 css 将下面的自定义 MenuItem 文本的对齐方式更改为居中，但我无法实现它，并且得到以下结果:

用作文本Label并且鼠标未悬停在LabelMenuItem上方:

用作文本common并且鼠标悬停在LabelMenuItem上:

图像 3 [问题是标签宽度小于 ContextMenu 宽度]:

如您所见，它位于左侧。我已经尝试了使用 css 的所有方法，但它只是不想改变它的位置

<小时/>

我想要实现什么？

我需要在一些 ContextMenu MenuItems 上方添加标签。我实现了这一点，但现在我需要该标签的 -Text-alignment- 位于中心。

在 css 分析器中，此属性默认为 LEFT

<小时/>

CSS代码(更新，显示标签宽度问题):

/*******************************************************************************

*                           Label-Menu-Item                            *

******************************************************************************/

.label-menu-item .label{
     -fx-text-alignment:center; 
}

.label-menu-item .label .text{
     -fx-text-alignment:center; 
}


/* When the Label-Menu-Item is disabled [Always it is cause i don't want the user to be able to click it] */
.label-menu-item:disabled {
    -fx-opacity: 1.0;
    -fx-border-color:transparent white white white;
    -fx-cursor:default;
}

.label-menu-item:disabled:hover{
    -fx-background-color: blue;
}

.label-menu-item:disabled .label {
    -fx-opacity: 1.0;
    -fx-font-size:10.0;
    -fx-font-weight:bold;
    -fx-text-fill:white;
    -fx-text-alignment:center; 
}

.label-menu-item:disabled:hover .label {
    -fx-background-color: firebrick;
}

<小时/>

LabelMenuItem.java:

import javafx.scene.control.MenuItem;

/**
 * @author GOXR3PLUS
 *
 */
public class LabelMenuItem extends MenuItem {

    /**
     * Constructor
     * 
     * @param text
     *            The Text of The Menu Item
     * 
     */
    public LabelMenuItem(String text) {
    setText(text);
    setDisable(true);
    getStyleClass().clear();
    getStyleClass().add("label-menu-item");
    }

}

Answer 1

如果你尝试这个:

.label-menu-item .label{
       //and here
      -fx-text-alignment:center; 
}

.label-menu-item .label .text{
      //and here
      -fx-text-alignment:center; 
}

而不是这个:

.menu-item .label{
       //and here
      -fx-text-alignment:center; 
}

.menu-item .label .text{
      //and here
      -fx-text-alignment:center; 
}

有效果吗？

如果不是，也许Label只是不会扩展直到右边框(即具有与文本完全相同的大小，因此不同的对齐方式不会改变任何内容)？然后尝试更改Label的宽度。