Perbezaan antara padding dan margin dalam css

下次还敢
Lepaskan: 2024-04-28 16:54:12
asal
779 orang telah melayarinya

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

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!

Label berkaitan:
css
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
Tentang kita Penafian Sitemap
Laman web PHP Cina:Latihan PHP dalam talian kebajikan awam,Bantu pelajar PHP berkembang dengan cepat!