css文字超出指定行数显示省略号

 

 

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

 

posted @ 2022-02-25 10:06  aaa111js  阅读(123)  评论(0编辑  收藏  举报