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

This article is about how nob forces non-wrapping tag elements to be used in HTML. The editor thinks it is very practical, so share it with you as a reference and follow the editor to have a look.

In web page layout, such as article list title typesetting, no matter how much text you want to wrap, you need to force the content to be displayed on one line. This can be done with nobr tags.

Content

Do not wrap the content between and (recommended study: html tutorial)

Nobr tag features:

If you do not encounter a br line feed tag, the content will be displayed on one line. If you encounter a br line break tag, the content will automatically wrap with br line feed.

A case of content wrapping prohibited by htmlnobr

If there are 4 rows of article title list, set the width to 200px, set the row height to 22px; for the four columns of content, we use ulli list layout, of which two add tags to the content, one li content is not added, and the other li content is less and width can be displayed.

Complete html source code:

Nobr tag instance

Ul {border:1pxsolid#000;width:200px;}

Li {width:200px;line-height:22px}

The first row of content text is tagged with nobr to test the content.

The second row of content text with more nobr tags cannot be sorted down.

Most of the text in the third row is not tagged with nobr.

There are few words in the fourth row.

Thank you for reading! This is the end of this article on "how to use nob mandatory non-line wrapping tag elements in HTML". I hope the above content can be of some help to you, so that you can learn more knowledge. if you think the article is good, you can share it out for more people to see!

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.