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

This article mainly introduces how to use css to achieve text content beyond the set width with ellipsis instead of the rest of the content, has a certain reference value, interested friends can refer to, I hope you can learn a lot after reading this article, the following let the editor take you to understand it.

.content.navleft.histiry > ul {

Width:200px

}

.content.navleft.histiry > ulli {

Margin-left:10px

Height:20px

Line-height:20px

Color:#999

Font-size:12px

Use cursor:pointer;/* mouse to make your hand smaller * /

Word-break:keep-all;/* does not wrap * /

White-space:nowrap;/* does not wrap * /

Hide the content beyond the width when overflow:hidden;/* content exceeds the width * /

Text-overflow:ellipsis;/* displays an ellipsis mark (...) when text overflows within an object; it needs to be used with overflow:hidden;. , /

}

Note: the last 4 sentences of code will change the default origin "" in front of ulli. We can type on one with our own input method, or use border-radius:50% to achieve it.

Thank you for reading this article carefully. I hope the article shared by the editor, "how to use css to achieve text content beyond the set width, use ellipsis to replace the rest of the content" is helpful to everyone. At the same time, I also hope that you will support and pay attention to the industry information channel. More related knowledge is waiting for you to learn!

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.