Network Security Internet Technology Development Database Servers Mobile Phone Android Software Apple Software Computer Software News IT Information

In addition to Weibo, there is also WeChat

Please pay attention

WeChat public account

Shulou

How to use the display property in CSS

2025-01-30 Update From: SLTechnology News&Howtos shulou NAV: SLTechnology News&Howtos > Internet Technology >

Share

Shulou(Shulou.com)05/31 Report--

This article focuses on "how to use the display attribute in CSS". Interested friends may wish to take a look. The method introduced in this paper is simple, fast and practical. Let's let the editor learn how to use the display attribute in CSS.

CSS display attribute

Definition and usage

The display attribute specifies the type of box that the element should generate.

Description

This property is used to define the type of display box generated by the element when the layout is established. For document types such as HTML, it can be dangerous to use display carelessly because it may violate the display hierarchy already defined in HTML. For XML, because XML does not have such a built-in hierarchy, all display is absolutely necessary.

Note: there are values compact and marker in CSS2, but they have been removed from CSS2.1 due to the lack of broad support.

Example

Give birth to the inner frame of the paragraph:

P.inline {display:inline;}

Browser support

All major browsers support the display attribute.

Note: no version of Internet Explorer (including IE8) supports "inherit", "inline-table", "run-in", "table", "table-caption", "table-cell", "table-column", "table-column-group", "table-row", and "table-row-group" attribute values.

Possible value

At this point, I believe you have a deeper understanding of "how to use the display attribute in CSS". You might as well do it in practice. Here is the website, more related content can enter the relevant channels to inquire, follow us, continue 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.

Views: 0

*The comments in the above article only represent the author's personal views and do not represent the views and positions of this website. If you have more insights, please feel free to contribute and share.

Share To

Internet Technology

Wechat

© 2024 shulou.com SLNews company. All rights reserved.

12
Report