How to set ellipsis when Mini Program font exceeds scrolling

In this article, the editor introduces in detail the "Mini Program font beyond scrolling how to set ellipsis", the content is detailed, the steps are clear, and the details are handled properly. I hope this "Mini Program font beyond scrolling how to set ellipsis" article can help you solve doubts, the following slowly deepen with the editor's ideas, together to learn new knowledge.

Mini Program font scrolling settings, you will encounter the text is too long, beyond the scroll, this case should add an ellipsis at the end of the sentence.

Text {

Overflow:hidden

/ / more than one line of text is automatically hidden

Add ellipses after text-overflow:ellipsis;// text is hidden

White-space:nowrap

/ / forcibly do not wrap

}

Or use these in multiple lines:

Display:-webkit-box

Word-break: break-all

Text-overflow: ellipsis

Font-size: 32rpx

Overflow: hidden

-webkit-box-orient: vertical

-webkit-line-clamp:2

Where-webkit-line-clamp:2; shows the number of lines plus ellipsis

After reading this, the article "how to set ellipsis when Mini Program fonts go beyond scrolling" has been introduced. If you want to master the knowledge of this article, you still need to practice and use it yourself. If you want to know more about related articles, welcome to follow the industry information channel.