文章目录
一、使用步骤一、使用步骤
1.文字单行不换行多余文字显示省略号
代码如下(示例):
white-space: nowrap;display: block;overflow: hidden;text-overflow: ellipsis;
2.文字多行不换行多余文字显示省略号
代码如下(示例):
display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;-webkit-line-clamp: 3;//行数
如果觉得《CSS设置文本不换行多余文字显示省略号》对你有帮助,请点赞、收藏,并留下你的观点哦!