How to display the content in LI with ellipsis when the length is exceeded by HTML

This article introduces the relevant knowledge of "how to realize the ellipsis after the content in LI exceeds the length" in HTML. In the actual case operation process, many people will encounter such difficulties. Next, let Xiaobian lead you to learn how to deal with these situations! I hope you can read carefully and learn something!

This tip works with IE and OP browsers

li {

width:200px;

white-space:nowrap;

text-overflow:ellipsis;

-o-text-overflow:ellipsis;

overflow: hidden;

}

–>

HTML has what characteristics 1. Simplicity: Hypertext Markup Language version upgrade adopts superset mode, which is more flexible and convenient, suitable for beginner front-end developers.

Extensibility: The wide application of hypertext markup language brings enhanced functions, additional identifiers and other requirements. Hypertext markup language adopts the method of subclass elements to ensure system expansion.

Platform independence: Hypertext markup languages can be used on a wide range of platforms, which is one reason for the popularity of the World Wide Web.

HTML is the universal language of the web, allowing web creators to create complex pages of text and images that can be viewed by anyone else on the web, regardless of the type of computer or browser used.

"HTML how to achieve LI content over the length of the ellipsis after the display" content is introduced here, thank you for reading. If you want to know more about industry-related knowledge, you can pay attention to the website. Xiaobian will output more high-quality practical articles for everyone!