CSS 表格文字截断

阅读(804)

关键在于外层设置 table{width:100%},设置 td{max-width:0},文字自动截断(显示为三个点的单省略号)才会生效,并可以自适应表格宽度。当然,对 td 指定明确的 max-width 也是可以的。

table {
    width: 100%;
}
td {
    max-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

Refer:
https://stackoverflow.com/questions/9789723/css-text-overflow-in-a-table-cell

Tags: