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

This article mainly introduces how to use display conversion in html, has a certain reference value, interested friends can refer to, I hope you can learn a lot after reading this article, the following let Xiaobian take you to understand.

Conversion: display

HTML provides a wealth of tags, which are defined as different types, generally divided into: block tags and inline tags.

Block label: appears as an area block. Each block label occupies one or more entire lines.

Common block elements:, etc.

Inline elements: you don't have to start on a new line, and you don't force other elements to display on a new line.

Common inline elements:, etc.

In development, if you want inline elements to have the characteristics of block elements, you need to use display for transformation

Selector {display: attribute value} commonly used attribute value: inline: this element will be displayed as an inline element (the default display attribute value for the inline element) block: this element will be displayed as a block element (the default display attribute value for the block element) inline-block: renders the object as an inline object, but the contents of the object are rendered as block objects. None: this element will be hidden, not displayed, and will not take up page space.

For example:

Span {border: 1px solid # 000; width: 100px; height: 40px;} Hyperlink display 1-1 display 1-2 display 2-1 display 2-2

Thank you for reading this article carefully. I hope the article "how to use display conversion in html" shared by the editor will be helpful to everyone. At the same time, I also hope you will support us and pay attention to the industry information channel. More related knowledge is waiting for you to learn!

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.