Network Security Internet Technology Development Database Servers Mobile Phone Android Software Apple Software Computer Software News IT Information

In addition to Weibo, there is also WeChat

Please pay attention

WeChat public account

Shulou

How to set ellipsis when Mini Program font exceeds scrolling

2025-04-01 Update From: SLTechnology News&Howtos shulou NAV: SLTechnology News&Howtos > Development >

Share

Shulou(Shulou.com)06/01 Report--

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.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.

Views: 0

*The comments in the above article only represent the author's personal views and do not represent the views and positions of this website. If you have more insights, please feel free to contribute and share.

Share To

Development

Wechat

© 2024 shulou.com SLNews company. All rights reserved.

12
Report