Loading... 1. 使用js去判断字符的数量，对字符（中英文）的长度进行判断，超过xx数量的对其数据进行Clip 2. 使用css样式表去修饰整个内容的显示`（推荐）` ``` span{ text-overflow: ellipsis; /**设置为折叠模式**/ max-width: 11em; /**设置文字内容最长为10个**/ overflow: hidden; /**设置内容过长时隐藏-会触发上面的折叠**/ white-space: nowrap; /**禁止内容换行，否则不会过长**/ display: inline-block; /**设置内容block，否则文字不会居中**/ vertical-align: middle; /**设置内容文字的基线，不免文字和周围的文字不对齐**/ } span { text-overflow: ellipsis; /**设置为折叠模式**/ word-break: break-all; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; /* 这里是超出几行省略-webkit only */ overflow: hidden; } ``` ![2020-07-25T02:37:00.png][1] [1]: https://acimg.htt5.com/usr/2020/07/25/1595644620.png 最后修改：2021 年 01 月 31 日 01 : 55 PM © 允许规范转载 赞赏 如果觉得我的文章对你有用，或者你想py，请随意赞赏 ×Close 赞赏作者 扫一扫支付 支付宝支付 微信支付
