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

Today, I would like to share with you the relevant knowledge points about how to intercept automatically after Html long text exceeds the width of the mark. the content is detailed and the logic is clear. I believe most people still know too much about this knowledge, so share this article for your reference. I hope you can get something after reading this article.

The code is as follows:

White-space:nowrap;white-space:norma;display:inline-block

Beyond auto-hide British continuous row display (must be in block element)

The code is as follows:

Overflow:hidden;white-space:nowrap

If you want to add a... at the end of the text, you can use text-overflow: ellipsis;. Most mainstream browsers support this attribute.

The code is as follows:

.tbconxx {

Float: left

Width: 255px

Padding: 5px 10px

}

.tbconxx li,tbconxx span {

Padding-left: 7px

Text-overflow: ellipsis

Overflow: hidden

Display: block

White-space: nowrap

Width: 240px

}

In this way, you can achieve the effect of automatic hiding of excess text.

These are all the contents of this article entitled "how to automatically intercept Html long text beyond the width of the tag". Thank you for reading! I believe you will gain a lot after reading this article. The editor will update different knowledge for you every day. If you want to learn more knowledge, please pay attention to 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.