Visual Studio代码编辑器中的编辑器组缺口

时间:2018-12-27 11:48:47

标签: visual-studio-code vscode-settings

有没有办法(设置)-我们可以在Visual Studio代码(例如sublime)中的编辑组(文件选项卡)之间添加槽口

enter image description here

2 个答案:

答案 0 :(得分:1)

不。没有设置。

  

UI开发人员,HTML5,CSS3,Web图形设计

您可能可以尝试使用此扩展名:Custom CSS and JS loader

并编写一些可以模拟高级标签的CSS。类似于:

.tabs-container > .tab {
    -webkit-font-smoothing: subpixel-antialiased;
    transform: translateZ(0) perspective(1px) skewX(30deg);
}
.tabs-container > .tab > * {
    -webkit-font-smoothing: subpixel-antialiased;
    transform: translateZ(0) perspective(1px) skewX(-30deg) !important;
}

tabs-demo

答案 1 :(得分:0)

@Alex - 感谢您的建议,

.tabs-container {
    margin-top: 5px;
    background: #252526;
}

.tabs-container > .tab {
    background: transparent!important;
    border-bottom-width: 40px!important;
    border-bottom-style: solid!important;
    border-bottom-color: #42433e;
    border-left: 20px solid transparent!important;
    border-right: 20px solid transparent!important;
    position: relative;
}

.tabs-container > .tab:not(:first-child) {
    margin-left: -10px;
}

.tabs-container > .tab.active {
    border-bottom-color: #1e1e1e;
    z-index: 9;
}

.tabs-container > .tab > * {
  padding-bottom: 10px;  
}

enter image description here