CSS实现超过一定的宽度添加省略

CSS实现超过一定的宽度添加省略 

.detail-item-line {
   width: 100%;
   word-break: keep-all; /* 不换行 */
   white-space: nowrap; /* 不换行 */
   overflow: hidden; /* 内容超出宽度时隐藏超出部分的内容 */
   text-overflow: ellipsis;
}