如何设置窗口编辑器选项卡的宽度以均匀分布?

时间:2017-06-21 09:16:28

标签: visual-studio-code

这个问题说明了一切。我希望编辑器中标签的宽度具有相同的宽度。就像谷歌Chrome中的情况一样。

Current tab bar

1 个答案:

答案 0 :(得分:0)

分机Custom CSS and JS

您的custom.css

.tabs-container > .tab {
    flex-grow: 1; /*evenly distribute space*/
    min-width: 12% !important; /*width of the entire tab*/
    max-width: 12% !important;
}
.tabs-container > .tab > .tab-label {
     max-width: 90%; /*fix shifting close icon*/
}
.tabs-container > .tab > .tab-label > .label-name {
    display: inline-block; /*necessary for overflow work*/
    max-width: 87%; /*text width*/
    overflow: hidden; 
    text-overflow: ellipsis;
}