Salinan: Cara menambah margin pada item

Question

Saya mempunyai senarai tidak tertib dan saya menetapkan gaya kepada tiada, yang mewujudkan ruang inden lalai.

Pemahaman saya tentang margin dan padding ialah margin ialah ruang luar sesuatu elemen, jadi saya cuba menggunakan margin: 0 untuk membetulkan jurang, tetapi ia tidak berjaya. Apabila saya menggunakan padding: 0, ia mengeluarkan ruang inden daripada item li.

Sekarang saya keliru mengapa terdapat padding dan bukan margin dalam kes ini.

ul {
  jenis-gaya senarai: tiada;
  padding: 0px;
}

<ul>
  <li>
    Linkedin
  </li>
</ul>

Answer 1

Lalai penyemak imbas ialah menambahkan beberapa padding pada ui dan bukannya margin. Jadi menggunakan padding: 0px akan mengatasi nilai lalai penyemak imbas.

Lihat tab Dikira di sebelah kanan, ia menunjukkan senarai gaya penyemak imbas pelapik-kiri: 40px;

ul.no-padding {
  list-style-type: none;
  padding: 0px;
}

ul.no-margin {
  list-style-type: none;
  margin: 0px;
}

<ul>
  <li>
    Linkedin
  </li>
</ul>

<ul class="no-margin">
  <li>
    Linkedin
  </li>
</ul>

<ul class="no-padding">
  <li>
    Linkedin
  </li>
</ul>