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.

Violon

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. Le href='#' 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 css cursor: 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")

InformationsquelleAutor user2680614 | 2013-08-31

css html

1

Sur la ligne 29, vous définissez la float de la touche pour left. Changer pour text-align:center;, et le bouton sera centré
```
#cssmenu > ul > li {
  text-align:center;
}
```
Alors, si vous ciblez le a, vous devriez être en mesure d'obtenir le rayon des frontières de changer.
```
#cssmenu > ul > li > a {
  border-radius:10px;
}
```
Violon
- La liste en vertu de l'ul semble pour développer hors de contrôle
InformationsquelleAutor Cody Guldner
1

text-align:center pour le div conteneur et display:inline-block pour l'ul faire l'affaire - http://jsfiddle.net/LnSRb/3/

InformationsquelleAutor CBroe

Version 1:

#cssmenu ul {
  width: 165px;
    margin: 0 auto;
  list-style: none;
}

Démo

Version 2:

#cssmenu ul {
  list-style: none;
    text-align: center;
}
#cssmenu > ul > li {
  display: inline-block;
}

Démo

InformationsquelleAutor drip

1

essayer de définir une largeur fixe sur le "cssmenu" élément, puis ajouter margin: 0 auto, comme ceci:
```
#cssmenu {
    width: 205px;   
    margin: 0 auto;
}
```
Ensuite, retirer le rembourrage de l'ul menu en faisant ceci:
```
#cssmenu ul {
    list-style: none;
    padding: 0;
}
```
Espère que cela a aidé!

InformationsquelleAutor abu

Faire sur le bouton au centre de l'écran

<div class="wrapper">
    <button class="button">Hello</button>
</div>

.wrapper {
    text-align: center;
}

.button {
    position: absolute;
    top: 50%;
}

Essayer le lien ci-dessous pour vérifier les coins arrondis:-

Coins Arrondis

InformationsquelleAutor Mothy

Vous avez besoin pour effectuer ces modifications.

<div id='cssmenu' style="width:980px; margin:auto;">
  <ul style="width:170px; margin:auto">

InformationsquelleAutor vishalkin

Vous devez vous connecter pour publier un commentaire.