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

This article introduces the relevant knowledge of "how to eliminate the style of tags on a single line". In the operation of actual cases, many people will encounter such a dilemma, so let the editor lead you to learn how to deal with these situations. I hope you can read it carefully and be able to achieve something!

In css, you can use the display attribute to eliminate the style in which the tag occupies a separate line. When the value of the attribute is "inline", the tag is set to be displayed as an inline element. At this time, there is no newline character before and after the tag, so there is no exclusive line; the specific syntax is "tag element object {display:inline;}".

The operating environment of this tutorial: windows7 system, CSS3&&HTML5 version, Dell G3 computer.

How css eliminates the style in which labels occupy a separate line

Tags occupy a separate line because some tags are block-level elements, which occupy the entire horizontal space of their parent element (container), and the vertical space is equal to its content height, so a "block" is created. To eliminate the monopoly of the label on a line, simply set the tag to an inline element and remove the newline character before and after the element.

At this point, you need to use the display attribute. Just set the value of the display attribute of the tag to inline, which means that the element will be displayed as an inline element without a newline character before and after the element. You can eliminate the effect of tags monopolizing one line.

Examples are as follows:

Document test label test text

Output result:

After adding a style to the label:

Document .h {display:inline;} Test label Test text

Output result:

This is the end of the introduction to "how css eliminates the style of tags on a single line". Thank you for reading. If you want to know more about the industry, you can follow the website, the editor will output more high-quality practical articles for you!

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.