JavaFX 无法删除选项卡顶部的空间答案

【问题标题】：JavaFX Can't Remove Space at top of TabsJavaFX 无法删除选项卡顶部的空间
【发布时间】：2015-09-04 09:06:42
【问题描述】：

我已经调整 CSS 几个小时了，但我已经放弃了。我不知道如何删除标签顶部的间距。请帮忙！

CSS：

.tab-pane {
    -fx-tab-min-height: 3em;
    /* 24 */

    -fx-tab-max-height: 3em;
    /* 24 */
}
.tab .tab-label {
    -fx-background-color: transparent;
    -fx-alignment: CENTER;
    -fx-text-fill: #EBEAF0;
}
.tab {
    -fx-background-insets: 0.0;
    -fx-background-radius: 0.0;
    -fx-background-color: #17181B;
}
.tab:selected {
    -fx-background-color: #21477A;
}
.tab:focused {
    -fx-focus-color: transparent;
}
.tab {
    -fx-padding: 0 30 0 30;
}
.tab-pane *.tab-header-background {
    -fx-background-color: #17181B;
}
.tab-pane:top *.tab-header-area {
    -fx-background-insets: 0, 0 0 1 0;
    -fx-padding: 0.416667em 0.166667em 0.0em 0.0em;
}
.tab:selected .focus-indicator {
    -fx-focus-color: transparent;
    -fx-border-color: transparent;
}

谁能告诉我如何删除设置选项卡顶部的那一点空间？谢谢！

【问题讨论】：

我可以看到padding 的设置，但margin 什么也看不到，可能是哪里出了问题？
问题在于 JavaFX 的默认设置。默认情况下，它们会在侧面和顶部添加间距。
您可能希望使用ScenicView 来调试布局。

标签： java css user-interface javafx

【解决方案1】：

为我改变

-fx-padding: 0.416667em 0.166667em 0.0em 0.0em;

到

-fx-padding: 0.0em 0.166667em 0.0em 0.0em;

.tab-pane:top *.tab-header-area 中的一个按预期工作。

【讨论】：