Aligner CSS Bouton au Centre et y ajouter des Coins Arrondis
J'ai essayé d'utiliser position:center
et middle
dans le CSS. Dans le code HTML, j'ai essayé align="center;middle"
mais rien ne semble fonctionner. J'ai besoin de la touche pour être alignés dans le centre de la page et pas à gauche. J'ai remplacé plusieurs codes, mais toujours rien. Les coins ne changera pas non plus.
Voici le code HTML:
<div id='cssmenu'>
<ul>
<li class='has-sub last' id="iefix">
<a rel=nofollow href='#'><span>Choose a model</span></a>
<ul>
<li id="iefix"><a rel=nofollow href='#'><span>iPhone 3GS</span></a></li>
<li id="iefix"><a rel=nofollow href='#'><span>iPhone 4</span></a></li>
<li id="iefix"><a rel=nofollow href='#'><span>iPhone 4S</span></a></li>
<li class='last' id="iefix"><a rel=nofollow href='#'><span>iPhone 5</span></a></li>
</ul>
</li>
</ul>
</div>
- HTML notes: les id sont des identifiants uniques. Vous ne pouvez pas réutiliser pour plusieurs éléments, donc, vous voulez utiliser des classes ici. Aussi, n'utilisez pas de
<a>
si ce n'est pas un lien hypertexte. Lehref='#'
concept est à partir d'une version de HTML les gens ne me souviens même plus. Utiliser un <span> pour le texte-durée de l'emballage. Si vous avez besoin de la "il est cliquable chose!" utiliser le csscursor: pointer
de la règle, de sorte que les gens vont penser que c'est un lien de navigation (href='#'
signifie "aller à la racine de cette page")
Vous devez vous connecter pour publier un commentaire.
Sur la ligne 29, vous définissez la
float
de la touche pourleft
. Changer pourtext-align:center;
, et le bouton sera centréAlors, si vous ciblez le
a
, vous devriez être en mesure d'obtenir le rayon des frontières de changer.Violon
text-align:center
pour le div conteneur etdisplay:inline-block
pour l'ul faire l'affaire - http://jsfiddle.net/LnSRb/3/Version 1:
Démo
Version 2:
Démo
essayer de définir une largeur fixe sur le "cssmenu" élément, puis ajouter margin: 0 auto, comme ceci:
Ensuite, retirer le rembourrage de l'ul menu en faisant ceci:
Espère que cela a aidé!
Faire sur le bouton au centre de l'écran
Essayer le lien ci-dessous pour vérifier les coins arrondis:-
Coins Arrondis
Vous avez besoin pour effectuer ces modifications.