CSS单行文字和多行文字超出部分省略号显示

单行

.text{width: 400rpx;overflow: hidden; /*隐藏*/white-space: nowrap; /*不换行*/text-overflow: ellipsis; /* 超出部分省略号 */}

多行

.text{padding: 30px;color: #FFFFFF;background-color: #E1FFFF;max-height: 130upx;overflow: hidden;text-overflow: ellipsis; /* 超出部分省略号 */word-break: break-all; /* break-all(允许在单词内换行。) */display: -webkit-box; /** 对象作为伸缩盒子模型显示 **/-webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/-webkit-line-clamp: 3; /** 显示的行数 **/}