Margin dan pelapik boleh mengelirukan kerana, dalam beberapa cara, ia kelihatan seperti perkara yang sama: ruang putih di sekeliling imej atau objek. Inilah perkara yang anda sebagai pereka web perlu tahu tentang perbezaan mereka.
Padding
Padding ialah ruang antara imej atau kandungan sel dan sempadan luarnya. Dalam imej di bawah, padding ialah kawasan kuning di sekeliling kandungan. Dalam kes ini, pelapik sepenuhnya mengelilingi kandungan: bahagian atas, bawah, kanan dan kiri. Anda boleh menentukan jumlah padding (dalam peratusan, piksel, mata, dll.) untuk setiap sisi dan ia tidak semestinya sama. Dengan cara ini, anda boleh meletakkan kandungan dalam elemen.
Margin
Sebaliknya, jidar ialah ruang di luar sempadan unsur, antara unsur dan apa sahaja yang bersebelahan dengannya. Dalam imej, margin ialah kawasan putih di luar keseluruhan objek. Seperti pelapik, jidar sepenuhnya mengelilingi kandungan dalam contoh ini: di bahagian atas, bawah, kanan dan kiri. Anda boleh menggunakan jidar untuk meletakkan div dan elemen lain pada halaman.
Sentiasa uji halaman anda dalam pelbagai penyemak imbas, sistem pengendalian (termasuk mudah alih) dan saiz skrin untuk memastikan ia dipaparkan tepat seperti yang anda mahukan.
