Perbezaan antara padding dan margin dalam css

Dalam CSS, perbezaan antara padding dan margin ialah: skop: padding digunakan untuk kandungan, margin digunakan untuk kedudukan spatial: padding berada di dalam sempadan, dan margin berada di luar sempadan; mempengaruhi saiz elemen, manakala margin mempengaruhi.

Perbezaan antara padding dan margin dalam CSS

Padding dan margin ialah sifat dalam CSS yang digunakan untuk mengawal ruang di sekeliling elemen, tetapi ia berbeza dalam aplikasi dan impak.

Padding

• digunakan pada kawasan kandungan unsur, iaitu teks atau imej.
• Tambah ruang dalam sempadan unsur.
• Tidak menjejaskan saiz atau kedudukan elemen.

Margin

• digunakan di luar sempadan unsur.
• Tambah ruang di luar sempadan elemen.
• akan menjejaskan saiz dan kedudukan elemen, menjadikan elemen memanjang ke luar.

Perbezaan utama

• Skop tindakan: Jing dalam bertindak pada kandungan, dan jidar luar bertindak pada sempadan.
• Kedudukan ruang: Padding berada di dalam sempadan, dan margin berada di luar sempadan.
• Impak: Padding tidak menjejaskan saiz elemen, tetapi margin mempengaruhi.

Contoh aplikasi

Padding:

• Buat jarak antara kandungan dan jidar (lapik: 10px;)
• Center-align text (50%-left;
): 50%-left;

:

Cipta jidar untuk elemen (margin: 10px;)

• Elemen berasingan (margin-atas: 20px;)

Atas ialah kandungan terperinci Perbezaan antara padding dan margin dalam css. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!