What does display block mean in css-CSS Tutorial-php.cn

"display: block" in CSS means that the element occupies the entire horizontal width, extends from left to right, starts a new line above or below other block-level elements, and has a custom height and width.

What does display block mean in css

The meaning of Display Block in CSS

In CSS, the "display" attribute defines the position of the element on the page. Display method. Among them, "display: block" is a common and important value, which means that the element will occupy the entire horizontal width.

Meaning:

"display: block" specifies that an element will be displayed in the following way:

Occupies the entire horizontal width, starting from the left Extend to the right
Start a new line above or below other block-level elements
Have custom height and width (unless specified otherwise)

Characteristics of block-level elements:

Block-level elements have the following characteristics related to blocks:

Arranged horizontally, without line breaks
Occupies the entire available Width
Height and width can be set
Can contain other block-level or inline elements

When to use Display Block:

"display: block" is typically used for the following elements:

Heading (
,
, etc.)
Paragraph (
)

List (

Table ()

Container elements such as div and span

Example:

The following CSS style will display the element in block level:

<code class="css">element {
  display: block;
}</code>

Copy after login

This will cause the element to take up the entire horizontal width and start a new line.

The above is the detailed content of What does display block mean in css. For more information, please follow other related articles on the PHP Chinese website!

Related labels：

css arrangement

source：php.cn

Previous article：What does border mean in css Next article：What does padding mean in css

Statement of this Website

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

What does display block mean in css

,

, etc.)