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

Apakah maksud blok paparan dalam css

下次还敢
Lepaskan: 2024-04-26 12:39:13
asal
657 orang telah melayarinya

"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>,

    , dll.)

  • Perenggan (

    )

  • Senarai (
      ,
        ) (
      1. )
      2. ;)
      3. Elemen bekas seperti div dan span

    Contoh:

    Gaya CSS berikut akan memaparkan elemen dalam tahap blok:

    <code class="css">element {
      display: block;
    }</code>
    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!

Label berkaitan:
sumber:php.cn
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan