⼩程序：设置多余⽂本隐藏
⼩程序：设置多余⽂本隐藏
⼀、单⾏隐藏
.scrollItem text{
font-size: 26rpx;
/* 单⾏⽂本溢出隐藏省略号代替 */
display: block;/*block 此元素将显⽰为块级元素，此元素前后会带有换⾏符。text 为内联元素，⽽overflow：hidden；作⽤于块元素上*/ white-space: nowrap;/*取消换⾏*/
overflow: hidden;/*超出的部分隐藏*/
text-overflow: ellipsis;/*隐藏的部分⽤省略号代替*/
}
⼆、多⾏隐藏
.scrollItem text{
font-size: 26rpx;
/* 多⾏⽂本溢出隐藏省略号代替 */
overflow: hidden;
text-overflow: ellipsis;写文章的小程序
display: -webkit-box;
-webkit-box-orient: vertical;/*设置对齐模式：垂直对齐*/
-webkit-line-clamp: 2;/*设置多⾏的⾏数*/
}

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。