Apakah elemen sebaris dan elemen peringkat blok?

Elemen sebaris termasuk div, p, h1-h6, ul, ol, li, jadual, bentuk, dsb. elemen peringkat blok termasuk span, a, img, strong, em, input, label, dsb. Ciri-ciri kedua-dua elemen: 1. Elemen sebaris akan menduduki satu baris, secara automatik mengisi lebar bekas induk, boleh menetapkan lebar, ketinggian, jidar dalam dan luar serta atribut lain, dan boleh mengandungi elemen peringkat blok dan elemen sebaris yang lain. ; 2. Elemen sebaris tidak akan Ia akan menduduki garisan eksklusif, lebar dan ketinggian ditentukan oleh kandungan, dan margin dalam dan luar hanya mempengaruhi susunan elemen itu sendiri, dsb.

Persekitaran pengendalian artikel ini: sistem Windows 10, komputer Dell G3.

Elemen sebaris dan elemen peringkat blok ialah dua jenis elemen dalam HTML, dan ia dipaparkan serta berkelakuan berbeza pada halaman.

Elemen peringkat blok:

Elemen peringkat blok biasa termasuk div, p, h1-h6, ul, ol, li, jadual, borang, dsb.

Elemen tahap blok akan menduduki satu baris, dan secara automatik akan mengisi lebar bekas induk walaupun lebar tidak ditetapkan.

Elemen tahap blok boleh menetapkan atribut seperti lebar, tinggi, jidar dalam dan luar, dsb.

Elemen peringkat blok boleh mengandungi elemen peringkat blok dan elemen sebaris yang lain.

Elemen Sebaris:

Elemen sebaris biasa termasuk span, a, img, strong, em, input, label, dsb.

Elemen sebaris tidak akan menduduki satu baris, ia akan disusun secara automatik dalam baris yang sama mengikut saiz kandungan.

Lebar dan tinggi elemen sebaris ditentukan oleh kandungan, dan atribut lebar dan tinggi tidak boleh ditetapkan secara langsung.

Jing dalam dan luar elemen sebaris hanya mempengaruhi susunan elemen itu sendiri dan tidak akan mengubah kedudukan elemen lain.

Elemen sebaris tidak boleh mengandungi unsur peringkat blok, tetapi hanya boleh mengandungi unsur sebaris atau kandungan teks yang lain.

Perlu diambil perhatian bahawa sesetengah elemen dalam HTML5 boleh berkelakuan seperti elemen peringkat blok atau elemen sebaris bergantung pada konteks. Sebagai contoh, teg ialah elemen sebaris secara lalai, tetapi jika anda menetapkan atribut paparan: blok kepada teg, ia akan menjadi elemen peringkat blok.

Ringkasan:

Elemen sebaris dan elemen peringkat blok mempunyai prestasi berbeza dalam reka letak halaman dan tetapan gaya. Elemen peringkat blok akan menduduki garisan eksklusif, dan lebar, tinggi, serta jidar dalam dan luar boleh ditetapkan, dan ia boleh mengandungi elemen peringkat blok dan elemen sebaris yang lain disusun dalam baris yang sama mengikut kandungan saiz, dan lebar dan tinggi tidak boleh ditetapkan Jidar dalam dan luar hanya mempengaruhi elemen itu sendiri.

Atas ialah kandungan terperinci Apakah elemen sebaris dan elemen peringkat blok?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!