<>
.navbar-nav .nav-item {
white-space: nowrap; /* 防止li内部换行 */
}
.navbar-nav .nav-link {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; /* 防止链接文字换行 */
}
.navbar,.page-footer {
background: rgb(7581104);
border-width: 0px 0px 3px;
border-bottom: 3px solid transparent;
border-image: linear-gradient(90degrgb(14166108) 16%rgb(81153211) 16%rgb(81153211) 32%rgb(34201148) 32%rgb(34201148) 48%rgb(24019818)48%rgb(24019818)64%rgb(25517177) 64%rgb(25517177) 82%rgb(2107093) 82%) 1 / 1 / 0 stretch;
}
.page-footer {
border-top: 3px solid transparent;
border-width: 3px 0px 0px;
}
<>
.CodeMirror {min-height: 500px}
/* 自定义样式 */
.split {
display: flex;
flex-direction: row;
}
.gutter {
background-color: #eee;
background-repeat: no-repeat;
background-position: 50%;
}
.gutter.gutter-horizontal {
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAeCAYAAADkftS9AAAAIklEQVQoU2M4c+bMfxAGAgYYmwGrIIiDjrELjpo5aiZeMwF+yNnOs5KSvgAAAABJRU5ErkJggg==');
cursor: col-resize;
}