What are the values ​​of the display attribute in css

The display attribute in CSS controls the layout of elements. Its possible values ​​include: 1. Block-level elements: block, inline-block; 2. List items: list-item; 3. Table-related: table, table-caption, table-column-group, table-header-group, table-footer-group, table-row-group, table-cell, table-column, table-row; 4. Inline elements: inline, none ;5. Special values: flex, grid, content

The value of the display attribute in CSS

display attribute control How elements are laid out on the page. It can take the following values:

Block-level elements:

• block: The element occupies its own line, occupying the entire available width.
• inline-block: Similar to inline elements, but allows setting width and height.
• list-item: Create a list item.
• table: Create a table.
• table-caption: Create a table title.
• table-column-group: Create a table column group.
• table-header-group: Create a table header group.
• table-footer-group: Create a table footer group.
• table-row-group: Create a table row group.
• table-cell: Create a table cell.
• table-column: Create a table column.
• table-row: Create a table row.

Inline elements:

• Inline: Elements are arranged on the same line as other elements.
• none: The element is not displayed.

Special values:

• flex: Creates an element with a flexible layout.
• grid: Create an element with a grid layout.
• contents: Display the content of the element, but not the element itself.

The above is the detailed content of What are the values ​​of the display attribute in css. For more information, please follow other related articles on the PHP Chinese website!