电脑端
设置行高，超出隐藏
p{ ???width: 80%; ???height: 16px; ???line-height: 16px; ???display: block; ???overflow: hidden; ???text-overflow: ellipsis; ???-ms-text-overflow: ellipsis; ???white-space:nowrap;}移动端
p { ???overflow: hidden; ???text-overflow: ellipsis; ???-ms-text-overflow: ellipsis; ???display: box; ???display: -webkit-box; ???line-clamp: 1; ???-webkit-line-clamp: 1; ???-webkit-box-orient: vertical;}HTML+css 文字只显示一行
原文地址：https://www.cnblogs.com/yyr0208/p/9345909.html