Copie : Comment ajouter des marges aux éléments
P粉037215587
P粉037215587 2023-08-02 22:33:27
0
1
456
<p>J'ai une liste non ordonnée et je définis le style sur aucun, ce qui crée l'espace indenté par défaut. <br /><br />Ma compréhension des marges et du remplissage est que la marge est l'espace extérieur d'un élément, j'ai donc essayé d'utiliser margin: 0 pour combler l'écart, mais cela n'a pas fonctionné. Lorsque j'utilise padding: 0, cela supprime l'espace en retrait des éléments li. <br /><br />Maintenant, je ne comprends pas pourquoi il y a un remplissage et non une marge dans ce cas. </p><p><br /></p> <p><br /></p> <pre class="brush:css;toolbar:false;">ul { type de style de liste : aucun ; remplissage : 0px ; }</pré> <pre class="brush:html;toolbar:false;"><ul> <li> Linkedin ≪/li> </ul></pre> <p><br /></p>
P粉037215587
P粉037215587

répondre à tous(1)
P粉511757848

La valeur par défaut du navigateur consiste à ajouter un peu de remplissage à l'interface utilisateur au lieu d'une marge. Donc, utiliser padding: 0px remplacera la valeur par défaut du navigateur.

Regardez l'onglet Calculé à droite, il affiche une liste de styles de navigateur padding-left : 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>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!