居中对齐 JavaFX MenuItem 文本

Question

我正在尝试使用 css 将以下自定义 MenuItem 文本的对齐方式更改为居中，但我无法实现，我得到以下信息：

作为文本使用Label，并且鼠标没有悬停在LabelMenuItem上方：

作为文本使用common，鼠标悬停在LabelMenuItem：

图3[问题是Label宽度小于ContextMenu宽度]：

如您所见，它位于 Left 一侧。我已经使用 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的宽度。