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

This article mainly introduces how to use mandatory non-line wrapping tag elements in html. It is very detailed and has certain reference value. Friends who are interested must read it!

Html forcibly do not wrap tags-prohibit content wrapping html tag elements introduction

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.

First, nobr syntax-TOP

Content

Do not wrap the content between and can be.

This tag has the same function as css white-space.

2. Nobr tag features:-TOP

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.

III. The case of content wrapping prohibited by html nobr-TOP

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 ul li 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.

1. Complete html source code:

Nobr tag instance www..com ul {border:1px solid # 000; width:200px;} li {width:200px; line-height:22px} the first row of content text is more nobr tagged, the second row of content text is more than nobr tagged, the third row of content text is more than the fourth row of content text without nobr tags, and the fourth row of text is less.

2. Screenshot of effect

The above is all the content of the article "how to use forced non-wrapping tag elements in html". Thank you for reading! Hope to share the content to help you, more related knowledge, 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.