漫潮者,私有云,NAS,新媒体电商.软件开发,商乾

标题: uni-app 文字超出隐藏并显示省略号 [打印本页]

---

作者: 北极孤星的泪    时间: 2022-11-3 11:21
标题: uni-app 文字超出隐藏并显示省略号

1. overflow: hidden;
   
2. word-break: break-all;  /* break-all(允许在单词内换行。) */
   
3. text-overflow: ellipsis;  /* 超出部分省略号 */
   
4. display: -webkit-box; /** 对象作为伸缩盒子模型显示 **/
   
5. -webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/
   
6. -webkit-line-clamp: 1; /** 显示的行数 **/

复制代码

---

欢迎光临 漫潮者,私有云,NAS,新媒体电商.软件开发,商乾 (https://www.aurrel.com/)

Powered by Discuz! X3.4