CSS 字数过多时显示点点点

CSS 字数过多时显示点点点

 

.table-column {
    max-width: 200px;
    /* word-wrap: break-word;
    line-height: 1; */

    white-space: nowrap;       /* 防止文本换行 */
    overflow: hidden;          /* 隐藏溢出的内容 */
    text-overflow: ellipsis;   /* 显示省略号来表示溢出的内容 */
}
.table-column-time {
    max-width: 150px;
    white-space: nowrap;       /* 防止文本换行 */
    overflow: hidden;          /* 隐藏溢出的内容 */
    text-overflow: ellipsis;   /* 显示省略号来表示溢出的内容 */
}
.table-column-number {
    width: 80px;
    max-width: 100px;
    white-space: nowrap;       /* 防止文本换行 */
    overflow: hidden;          /* 隐藏溢出的内容 */
    text-overflow: ellipsis;   /* 显示省略号来表示溢出的内容 */
}
.table-column-large {
    max-width: 300px;
    white-space: nowrap;       /* 防止文本换行 */
    overflow: hidden;          /* 隐藏溢出的内容 */
    text-overflow: ellipsis;   /* 显示省略号来表示溢出的内容 */
}
.table-column-big {
    max-width: 250px;
    white-space: nowrap;       /* 防止文本换行 */
    overflow: hidden;          /* 隐藏溢出的内容 */
    text-overflow: ellipsis;   /* 显示省略号来表示溢出的内容 */
}
.table-column-middle {
    max-width: 200px;
    white-space: nowrap;       /* 防止文本换行 */
    overflow: hidden;          /* 隐藏溢出的内容 */
    text-overflow: ellipsis;   /* 显示省略号来表示溢出的内容 */
}
.table-column-small {
    max-width: 150px;
    white-space: nowrap;       /* 防止文本换行 */
    overflow: hidden;          /* 隐藏溢出的内容 */
    text-overflow: ellipsis;   /* 显示省略号来表示溢出的内容 */
}
.table-column-tiny {
    max-width: 100px;
    max-width: 120px;
    white-space: nowrap;       /* 防止文本换行 */
    overflow: hidden;          /* 隐藏溢出的内容 */
    text-overflow: ellipsis;   /* 显示省略号来表示溢出的内容 */
}

.table-row {
    text-align: center;
}