如何在我的TabPane中添加我的選項卡之間的空間？

我想在我的TabPane中使用CSS在我的Tabs之間添加一個空白。我嘗試了很多東西，但它似乎從未成爲我想要的東西。我試過插圖，他們給我的空間，但他們也有一個更深的顏色。如果我可以使插入透明，但保持空間，那很好。我也嘗試填充，但我無法讓它給我任何空間。我正試圖創建一個5像素的差距。有誰知道如何做到這一點？謝謝。如何在我的TabPane中添加我的選項卡之間的空間？

編輯：

.Tab { 
-fx-background-color: rgb(35,31,32); 
-fx-font-size: 16pt; 
-fx-border-color:-default-border-color; 
-fx-border-width:1; 
-fx-padding-right: 5px; 
}

在上面，我試過填充，但沒有奏效。

.Tab .tab-label { 
    -fx-background-color: transparent; 
    -fx-alignment: CENTER; 
    -fx-text-fill: -title-text-fill-color; 

} 

.Tab:selected .tab-label { 
    -fx-background-color: transparent; 
    -fx-alignment: CENTER; 
    -fx-text-fill: -default-highlight;   
} 

.tab-content-area { 
    -fx-background-color: transparent; 
} 

.tab-pane *.tab-header-background { 
    -fx-background-color: transparent; 
    -fx-border-width:1; 
    -fx-border-color: transparent transparent -default-border-color transparent; 
} 


.Tab:selected { 
    -fx-background-color: transparent; 
    -fx-border-width:1; 
    -fx-border-color: -default-border-color -default-border-color transparent -default-border-color; 
}

來源

2014-04-03 Alex Johnson

嗨，很難幫助沒有看到你的代碼。你能創建一個顯示你有什麼的jsfiddle嗎？ –

我的代碼不在JavaScript中。我正在使用java。我可以給你一些CSS代碼，但我不確定這會有幫助。 –

而不是使用-fx-padding的，你可以用它-fx-border-width:5px;也看起來像填充和正常工作。

來源

2014-06-28 05:03:24 user3767113

如何在我的TabPane中添加我的選項卡之間的空間？

回答

相關問題