JavaFx:文本溢出:省略号类似物

Question

我有一个选项卡 Pane ，我希望所有选项卡标题具有相同的宽度。所以我这样做了:

.tab-header-area .tab{
    -fx-min-width:200;
    -fx-pref-width:200;
    -fx-max-width:200;
}

问题是，如果文本长于其空间，则标签会与关闭按钮混淆。如何让 .tab > .tab-container > .tab-label 剪切文本并在末尾添加“...”？

Answer 1

代码选项:

TabPane pane = new TabPane();
pane.setTabMinWidth(200);
pane.setTabMaxWidth(200);

CSS 选项

.tab-pane{
    -fx-tab-min-width:200;
    -fx-tab-max-width:200;
}

旧解决方案:

You have to set -fx-max-width for .tab > .tab-container > .tab-label There are 2 options:

1) Set the default sizes for label and not tab (selected tab will be a little bit larger with x button in it):

.tab-pane > .tab-header-area > .headers-region > .tab > .tab-container > .tab-label {
    -fx-min-width:200;
    -fx-pref-width:200;
    -fx-max-width:200;
}

2) Use your css and some smaller value for labels(This way all tabs will be always 200 px):

.tab-header-area .tab{
    -fx-min-width:200;
    -fx-pref-width:200;
    -fx-max-width:200;
}

.tab-pane > .tab-header-area > .headers-region > .tab > .tab-container > .tab-label {
   -fx-min-width:175;
   -fx-pref-width:175;
   -fx-max-width:175;
}