html最多显示两行,css 实现两行或多行文本溢出显示省略号(...)

 1 overflow: hidden;// 超出的文本隐藏
 2 text-overflow: ellipsis;// 溢出用省略号显示
 3 display: -webkit-box; 4 -webkit-line-clamp: 2; //多行在这里修改数字即可
 5 overflow:hidden;// 将对象作为弹性伸缩盒子模型显示。 6 /* autoprefixer: ignore next */
 7 -webkit-box-orient: vertical;// 从上到下垂直排列子元素(设置伸缩盒子的子元素排列方式)

 

posted @ 2022-01-06 13:52  微光半夏星  阅读(947)  评论(0编辑  收藏  举报