带有列表的颤动行溢出

/* 示例：防止水平溢出 */
.table-cell {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* 示例：防止垂直溢出 */
.scrollable-container {
    max-height: 300px; /* 设置最大高度 */
    overflow-y: auto; /* 允许垂直滚动 */
}

// 示例：动态截断长文本
function truncateText(element, maxLength) {
    if (element.textContent.length > maxLength) {
        element.textContent = element.textContent.substring(0, maxLength) + '...';
    }
}

// 应用到列表项
document.querySelectorAll('.list-item').forEach(item => {
    truncateText(item, 50);
});

/* 示例：响应式表格 */
@media (max-width: 600px) {
    .table-cell {
        display: block;
        width: 100%;
    }
}