6 Réponses :
#list {
list-style:none;
}
#list li {
float:left;
}
mention flotteur: gauche dans li
inline-block pas flotteur
Tester votre code indique que Padding-droit: 10px; est également nécessaire. Sinon, vous obtenez "AAABBBCCCCC".
@ADAAM les deux atteintes le même effet ici
@Felipéals le même "effet" Oui, mais on est la bonne façon de le faire et l'autre n'est pas.
@adaam selon? Je ne vois pas ce qui est plus droit ici ou plus mauvais là
@Felipéals Floats Retirez l'élément du flux de documents, tandis que le bloc inline n'est pas, qui est une solution beaucoup supérieure. Cela signifie qu'il n'y a pas besoin de Clearfix lorsque la page devient plus compliquée. Les blocs en ligne s'alignent verticalement à la base tandis que les flotteurs alignent verticalement en haut. Il y a plus de raisons que je ne peux pas être dérangée à la liste. Imo c'est comme utiliser le mauvais outil pour le travail.
@ADAAM Si vous vérifiez que vous vérifiez une couleur d'arrière-plan dans LI, vous trouverez un espace indésirable entre LI. Pourquoi cela vient-il et comment supprimer cet espace?
@Sonasishroy Il y a un problème de blouses avec un bloc inline qui a été signalé qui est le problème que vous décrivez. Diverses solutions disponibles ici: CSS-Tricks.com/fighting- The-Space-entre-ligne-block-eleme nts
N'utilisez pas de flotteur, non non. Utilisez html: CSS: Démo: http://jsfiddle.net/qputts/1/ Si IE7 ( Mettez ceci dans votre ou alternativement dans votre CSS externe comme: inline-block
@Sonasishroy corrigé. Beaucoup mieux que flotteur: gauche;
Les deux solutions fonctionnent ici pour que vous puissiez expliquer pourquoi on ne devrait pas utiliser flottant ici?
Ceci montre-moi: P>
AAA BBB CCC P>
Vous voulez donc afficher comme menu horizontal? Oui p>
Voir le code ici P>
dans CSS P>
#list{
width:900px;
height:30px;
background-color:green;
}
#list ul{
padding:0px;
margin:0px;
list-style-type:none;
}
#list ul li{
display:inline;
list-style-type:none;
}
#list ul li a{
text-decoration:none;
font-size:12px;
padding:10px 5px;
}
Essayez ceci
Vous devez modifier l'affichage de la refaune de LI pour un qui ressemble à des éléments de niveau des blocs en ligne. flottant le fera (utilisé le plus courant utilisé, mais pas le plus efficace dans certains cas)