web-dev-qa-db-fra.com

CSS text-align: center; ne fonctionne pas

J'ai le code HTML suivant:

<div id="footer">
    <ul id="menu-utility-navigation" class="links clearfix">
        <li class="menu-685 menu-site_map first">Site Map
        </li>
        <li class="menu-686 menu-privacy_policy">Privacy Policy
        </li>
        <li class="menu-687 menu-terms___conditions">Terms &amp; Conditions
        </li>
        <li class="menu-688 menu-contact_us last">Contact Us
        </li>
    </ul>
</div>

Avec le CSS suivant:

div#footer {
    font-size: 10px;
    margin: 0 auto;
    text-align: center;
    width: 700px;
}

J'ai jeté dans le bit de taille de police juste pour voir si le style fonctionnait (Firebug indique qu'il fonctionne mais je voulais voir). Ça fonctionne. Mais le texte n'est pas centré dans le pied de page dans Firefox ou dans Safari (il reste à le vérifier dans IE).

J'ai essayé avec et sans marge: 0 auto; et avec et sans text-align: center; aucun combo de ces choses a fonctionné.

voici sorti de firebug:

div#footer {
    font-size: 10px;
    margin: 0 auto;
    text-align: center;
    width: 700px;
}

Inherited fromdiv#page
#skip-to-nav, #page {
    line-height: 1.5em;
}

Inherited frombody.html
body {
    color: #666666;
    font-family: verdana,arial,sans-serif;
}

Aidez-moi?

csstext-align
36
RJ Cole

Je suppose que vous voulez que tous les éléments les uns à côté des autres et que tout soit centré horizontalement.

li les éléments sont display: block _ par défaut, occupant tout l’espace horizontal.

Ajouter

div#footer ul li { display: inline }

une fois que vous avez fait cela, vous voulez probablement vous débarrasser des balles de la liste:

div#footer ul { list-style-type: none; padding: 0px; margin: 0px }
31
Pekka 웃

Si vous souhaitez que le texte de la liste soit centré, essayez:

ul#menu-utility-navigation {
  width: 100%;
}

ul#menu-utility-navigation li {
  text-align: center;
}
5
Jits

Pour aligner un élément de bloc en ligne horizontalement dans son parent, ajoutez text-align:center à son parent.

5
DanKodi

Cela a fonctionné pour moi:

  e.Row.Cells["cell no "].HorizontalAlign = HorizontalAlign.Center;

Mais 'css text-align = center ' n'a pas fonctionné pour moi

espérons que cela vous aidera

0
smita