.connections-table { .ctrl { min-width: 3.5em; text-align: center; display: flex; justify-content: center; align-items: center; svg { height: 16px; width: 16px; opacity: 0.6; transition: all 0.2s ease; cursor: pointer; &:hover { opacity: 1; color: #e74c3c; transform: scale(1.1); } } } .type { min-width: 8em; text-align: center; // 类型标签样式 &::before { content: ''; } } .start, .downloadSpeedCurr, .uploadSpeedCurr, .download, .upload { min-width: 7em; text-align: center; font-variant-numeric: tabular-nums; } .downloadSpeedCurr, .download { color: #27ae60; } .uploadSpeedCurr, .upload { color: #3498db; } // 进程列 .process { max-width: 12em; overflow: hidden; text-overflow: ellipsis; } // 域名/Host列 .host { max-width: 20em; overflow: hidden; text-overflow: ellipsis; } // 规则列 .rule { max-width: 15em; overflow: hidden; text-overflow: ellipsis; } // 节点链 .chains { // 不截断:完整展示节点链(必要时允许换行) max-width: none; overflow: visible; text-overflow: unset; white-space: nowrap; word-break: break-word; } }