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

2025-02-25 02:14:02

推荐回答（3个）

回答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;

回答2：

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

回答3：

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