.closeTab { display: flex; text-align: center; float: left; user-select: none; cursor: pointer; overflow: hidden; text-overflow: ellipsis; -webkit-transition: all 0.1s; border-right: 1px solid #565656; border-radius: 2px; border-left: 1px solid #565656; height: 20px; } .openTab { display: flex; background-color: rgb(80 80 80); color: #ffffff; float: left; user-select: none; text-align: center; -webkit-transition: all 0.1s; border-right: 1px solid #565656; border-radius: 2px; border-bottom: 1px solid #75beff; border-left: 1px solid #565656; height: 20px; } .tabTitle { display:inline; word-break:keep-all; /* 不换行 */ white-space:nowrap; /* 不换行 */ overflow:hidden; /* 内容超出宽度时隐藏超出部分的内容 */ text-overflow:ellipsis; /* 当对象内文本溢出时显示省略标记(...) ;需与overflow:hidden;一起使用。*/ text-align:center; -webkit-transition:all 0.1s; padding: 0px 2px; } .titleBarFontSize{ font-size: 12px; } .closeBtn { color:#ffffff42; display:inline; cursor:crosshair; flex: 1; padding: 0px 2px; } .closeBtn1 { color:#c1c1c1; display:inline; cursor:crosshair; flex: 1; padding: 0px 2px; } .headIcon { height: 16px; width: 16px; display: inline; padding-left: 2px; } .headIcon2 { height: 16px; position: relative; top: 3px; } .tabs{ display: flex; overflow: hidden;-webkit-transition:all 0.1s; } .tabMenu{ position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; z-index: 1; } .tabMenuBg { position: absolute; box-shadow: 4px 5px 3px 1px #00000045; border: 1px solid #3c3c3c; } .tabMenuItem { /* border-bottom: 1px solid #8a8a8a; */ padding-left: 10px; padding-right: 20px; }