Rumah hujung hadapan web tutorial css Apakah maksud blok paparan dalam css

Apakah maksud blok paparan dalam css

Apr 26, 2024 pm 12:39 PM
css susunan

"paparan: blok" dalam CSS bermakna elemen itu menduduki keseluruhan lebar mendatar, memanjang dari kiri ke kanan, memulakan baris baharu di atas atau di bawah elemen peringkat blok lain dan mempunyai ketinggian dan lebar tersuai.

Apakah maksud blok paparan dalam css

Maksud Blok Paparan dalam CSS

Dalam CSS, atribut "paparan" mentakrifkan cara elemen dipaparkan pada halaman. Antaranya, "display: block" adalah nilai biasa dan penting, yang bermaksud bahawa elemen itu akan menduduki keseluruhan lebar mendatar.

Maksud:

"paparan: blok" menentukan bahawa elemen akan dipaparkan dengan cara berikut:

  • Menduduki keseluruhan lebar mendatar, memanjang dari kiri ke kanan
  • Mulakan blok lain di atas atau di bawah baris baharu -elemen peringkat
  • Mempunyai ketinggian dan lebar tersuai (kecuali dinyatakan sebaliknya)

Ciri-ciri elemen peringkat blok:

Elemen peringkat blok mempunyai sifat berikut yang berkaitan dengan blok:

  • Susun garisan secara mendatar
  • Menempati keseluruhan Lebar yang tersedia
  • boleh menetapkan ketinggian dan lebar
  • boleh mengandungi elemen tahap blok atau sebaris lain

Bila menggunakan Blok Paparan:

biasanya "digunakan untuk blok" berikut elemen:

  • Tajuk (< h1>, <h2>, dll.)
  • Perenggan (<p>)
  • Senarai (<ul>, <ol>)
  • (
  • )
  • ;)
  • Elemen bekas seperti div dan span

Contoh:

Gaya CSS berikut akan memaparkan elemen dalam tahap blok:

element {
  display: block;
}
Salin selepas log masuk

Ini akan menjadikan elemen mengambil keseluruhan lebar mendatar baharu dan memulakan keseluruhan lebar mendatar barisan. 🎜

Atas ialah kandungan terperinci Apakah maksud blok paparan dalam css. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Tag artikel panas

Notepad++7.3.1

Notepad++7.3.1

Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina

SublimeText3 versi Cina

Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1

Hantar Studio 13.0.1

Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6

Dreamweaver CS6

Alat pembangunan web visual

SublimeText3 versi Mac

SublimeText3 versi Mac

Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Bagaimana untuk menyemak trafik pada telefon bimbit Apple Bagaimana untuk menyemak trafik pada telefon bimbit Apple May 09, 2024 pm 06:00 PM

Bagaimana untuk menyemak trafik pada telefon bimbit Apple

Bagaimana untuk melumpuhkan susun atur syot kilat dalam Windows 11_ Petua untuk tidak menggunakan susun atur syot kilat dalam win11 Bagaimana untuk melumpuhkan susun atur syot kilat dalam Windows 11_ Petua untuk tidak menggunakan susun atur syot kilat dalam win11 May 08, 2024 pm 06:46 PM

Bagaimana untuk melumpuhkan susun atur syot kilat dalam Windows 11_ Petua untuk tidak menggunakan susun atur syot kilat dalam win11

Bagaimana untuk mengisih halaman senarai mengikut abjad dalam vscode Bagaimana untuk mengisih halaman senarai mengikut abjad dalam vscode Bagaimana untuk mengisih halaman senarai mengikut abjad dalam vscode Bagaimana untuk mengisih halaman senarai mengikut abjad dalam vscode May 09, 2024 am 09:40 AM

Bagaimana untuk mengisih halaman senarai mengikut abjad dalam vscode Bagaimana untuk mengisih halaman senarai mengikut abjad dalam vscode

Bolehkah saya memasangkan kad rangkaian wayarles semasa memasang komputer? Bolehkah saya memasangkan kad rangkaian wayarles semasa memasang komputer? May 08, 2024 am 09:13 AM

Bolehkah saya memasangkan kad rangkaian wayarles semasa memasang komputer?

Dalam bahasa apakah pemalam penyemak imbas ditulis? Dalam bahasa apakah pemalam penyemak imbas ditulis? May 08, 2024 pm 09:36 PM

Dalam bahasa apakah pemalam penyemak imbas ditulis?

Apakah sepuluh platform perdagangan mata wang maya? Apakah sepuluh platform perdagangan mata wang maya? Feb 20, 2025 pm 02:15 PM

Apakah sepuluh platform perdagangan mata wang maya?

Bagaimana untuk menetapkan atribut yang tidak diketahui dalam kaedah vscode vscode untuk menetapkan atribut yang tidak diketahui Bagaimana untuk menetapkan atribut yang tidak diketahui dalam kaedah vscode vscode untuk menetapkan atribut yang tidak diketahui May 09, 2024 pm 02:43 PM

Bagaimana untuk menetapkan atribut yang tidak diketahui dalam kaedah vscode vscode untuk menetapkan atribut yang tidak diketahui

Bagaimana untuk menggunakan gabungan dalam java Bagaimana untuk menggunakan gabungan dalam java May 09, 2024 am 06:03 AM

Bagaimana untuk menggunakan gabungan dalam java

See all articles