<li> l'alignement de l'élément - de réduire l'espace sur le côté gauche de la balle
Je vais avoir des problème dans l'alignement de la <li>
élément sur le côté gauche.
Dans l'image ci-dessous, vous pouvez voir qu'il ya de l'espace sur le côté gauche de chaque balle. Je veux supprimer cet espace de sorte que les deux Imported
& 100% Genuine
de balles sont directement ci-dessous coche verte.
Voici le code que j'utilise.
<table border="1">
<tr>
<td><ul style="margin:0;"><li>Imported</li></ul></td>
<td><ul style="margin:0;"><li>Authentic & Licensed</li></ul></td>
</tr>
<tr>
<td><ul style="margin:0;"><li>100% Genuine</li></ul></td>
<td><ul style="margin:0;"><li>200 GSM Paper Depth</li></ul></td>
</tr>
</table>
OriginalL'auteur Sumit Gupta | 2012-08-13
Vous devez vous connecter pour publier un commentaire.
Changer le
padding-left
attribut de laul
.http://jsbin.com/upehik/1/
Bien que je me demande pourquoi vous êtes à l'aide de listes si vous avez seulement un élément par liste?
margin-left
ensemble pour les listes, donc je recommande de modifier à la fois.Merci @Sachleen. Je vais avoir 4 points. J'ai besoin d'afficher 2 éléments dans chaque ligne. Tellement l'habitude de table et de 4
ul
. Une meilleure façon de le faire?Jonas, je l'ai mentionné
margin:0
-- n'est-il pas suffisant? Devrais-je mentionner commemargin:0; margin-left:0px
??vous avez déjà marge de 0, donc n'a pas besoin de s'inquiéter à ce sujet.
Oups ... je n'ai pas vu le
margin: 0
dans votre code HTML. Ignorer mon commentaire précédent...OriginalL'auteur sachleen
Je crois que vous devez modifier le padding-left de la
li
attribut.0
fera de la ligne de texte contre le côté gauche, en poussant la balle trop loin de la gauche. Et il doit être sur leul
pas leli
.OriginalL'auteur fvgs
Voici un moyen que vous pourriez faire différemment;
http://jsfiddle.net/EeHYg/
OriginalL'auteur Billy Moat
Une autre option... la Plupart des navigateurs web par défaut ont les balles affichés à l'extérieur du flux de contenu. Vous pouvez changer cela en modifiant le
list-style-position
àinside
. Si vous remarquez dans les exemples ci-dessous, les balles sont présentés dans JSFiddle quand ils sont à l'intérieur, mais pas à l'extérieur. Le seul autre moyen d'obtenir les balles de montrer quand ils sont à l'extérieur, est de définir lepadding-left
pour laul
élément (qui est en cet exemple).Exemple avec des balles à l'intérieur de
Exemple avec des balles à l'extérieur
OriginalL'auteur ub3rst4r
Différents navigateurs affichent des listes de différentes manières.
La manière la plus cohérente de le faire, c'est de mettre un padding et margin à 0 pour l'ul et de ses contenus li éléments.
Après cela, vous souhaiterez peut-être augmenter l'ul de la marge au niveau désiré.
OriginalL'auteur kaykayman