一、div内显示一行,超出部分用省略号显示

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

二、div内显示两行或三行,超出部分用省略号显示

overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;(行数)
-webkit-box-orient: vertical;

三、表格中单行超出隐藏

table{width:100%;table-layout:fixed;/* 只有定义了表格的布局算法为fixed,下面td的定义才能起作用。 */}
td{
width:100%;
word-break:keep-all; // 不换行
white-space:nowrap; // 不换行
overflow:hidden;
text-overflow:ellipsis;
}

四、span超过换行

span{
    white-space: nowrap;  /*强制span不换行*/
    display: inline-block;  /*将span当做块级元素对待*/
    width: 100%;  /*限制宽度 可设px*/
    overflow: hidden;  /*超出宽度部分隐藏*/
    text-overflow: ellipsis;  /*超出部分以点号代替*/

转载自:https://www.cnblogs.com/v616/p/11281855.html

https://blog.csdn.net/qq_43962582/article/details/123015119

https://www.csdn.net/tags/MtTakg2sMDA0MTktYmxvZwO0O0OO0O0O.html