Question

如何让div中的文字只显示一行，多余的文字隐藏并加上省略号

Answer 1

1
2
3
4
5
6
7
8
9
10
11
12

/*一行表示**/
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
/***2行表示**/
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
word-wrap: break-word;
white-space: normal !important;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;

Answer 2

引用凯帝尧伯的回答：
1
2
3
4
5
6
7
8
9
10
11
12

/*一行表示**/
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
/***2行表示**/
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
word-wrap: break-word;
white-space: normal !important;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;

overflow: hidden;
text-overflow: ellipsis;
white-space:nowrap;

Answer 3

overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
max-width:100px;//限制长度，如果上面的不行的话加上这句试试
如果是表格需要在td里面加