Comment puis-je centre flottaient les éléments de la liste?
J'ai les éléments de la liste pour mon site web de nav que j'ai besoin de centre. Je suis flottant afin que je puisse avoir un rembourrage sur les éléments de la liste...la mise à inline semble éliminer le haut et le bas du rembourrage.
<style type="text/css">
#nav {
width:100%;
}
#nav ul {
margin-right: auto;
margin-left: auto;
}
#nav ul li {
float: left;
background-color: #333;
color: #fff;
padding: 15px;
margin: 10px;
}
</style>
<div id='nav'>
<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
<li>Item 4</li>
</ul>
</div>
set text-align:center sur le <ul> et de faire <li> display:inline-block. retirer le flotteur qui n'est pas compatible avec tout les moyens de centrage dans le flux de contenu.
Oui, j'ai résolu exactement comme le commentaire ci-dessus. jsfiddle.net/gleezer/EqNtH/1
Si vous êtes inquiet au sujet de la marge autour de votre li, ne pas utiliser en ligne. Il va supprimer le rembourrage. Semble comme une meilleure affaire pour vous d'utiliser inline-block. En lui donnant à la fois les propriétés de inline et block.
Oui, j'ai résolu exactement comme le commentaire ci-dessus. jsfiddle.net/gleezer/EqNtH/1
Si vous êtes inquiet au sujet de la marge autour de votre li, ne pas utiliser en ligne. Il va supprimer le rembourrage. Semble comme une meilleure affaire pour vous d'utiliser inline-block. En lui donnant à la fois les propriétés de inline et block.
OriginalL'auteur Aaron Benjamin | 2013-06-24
Vous devez vous connecter pour publier un commentaire.
En rendant les éléments d'affichage inline vous pouvez ensuite mettre en tant que texte. Réglage de la hauteur de la ligne fixe enveloppant question.
De travail de démonstration peut être vu ici: http://jsfiddle.net/AqRJA/1/
OriginalL'auteur John
Essayez de modifier votre CSS:
Acclamations,
Cynthia
OriginalL'auteur Cynthia
donner la largeur de ul
remplacer votre classe avec ce
OriginalL'auteur sangram parmar
J'ai vécu la même chose sooooo beaucoup de temps.
Vous ne pouvez pas centre quelque chose avec % de mise en page, vous devez être spécifique en pixels ou en ems.
J'ai donc changé votre code à donner à la div de la largeur et ensuite centré.
Voici le jsfiddle:
http://jsfiddle.net/EqNtH/
déteste le dire, mais un tableau qui pourrait fonctionner...
Je downvoted ce parce que oui, vous pouvez centrer les choses avec un pourcentage des mises en page.
OriginalL'auteur TimSPQR