Center <a> - tag im div

Derzeit ein Problem mit meinen button. Ich möchte in der Lage zum Zentrum meiner 'a' - tag, aber im moment wird es nur stick auf der linken Seite. Ich habe versucht, mit "display:block" aber das macht meinen button nehmen, bis die volle Stärke der div ist es schon.

HTML:

<a href="#" class="button blue">Apply Now</a>

CSS:

.button {
    padding:1em;
    text-align: center;
    display:inline-block;
    text-decoration: none !important;
    margin:0 auto;

    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
Anwenden von css auf div für center-align und geben Breite wie erforderlich
text-align-center angewendet werden sollte, um das übergeordnete element. @MHamzaJaved, das ist eine schreckliche Beratung - erste würde keinen Unterschied machen, 2. einen, würde dein css ein Wartungs-Alptraum
Sie müssen text-align: center; auf den umgebenden container. Dies ist nicht eine sehr nützliche Frage, wie diesem fehlt offensichtlich die grundlegenden Bemühungen der Forschung von OP.

InformationsquelleAutor Nazar Abubaker | 2017-02-06

  1. 0

    Nutzen Sie die text-align: center; auf ein übergeordnetes element zu zentrieren, ausrichten alle child-Elemente im inneren. Sie(Kind-Elemente) nicht haben, werden block-level-Elemente für die gleiche. Ihre Frage ist die Sorge, dass Sie nicht wollen, um die vollen Raum der Eltern-div mit display:block auf Ihrem ein - tag.

    Haben Sie nicht, auch wenn Sie display:inline-block auf Ihrem ein - tag und wickeln Sie es in ein Elternteil mit text-align: center;, es löst Ihre Aufgabe.

    Alternativ können Sie margin-left:25% oder so, im Fall der obigen Antwort nicht Ihren Bedarf anpassen.

    Feel free to drop in den code in Fall, dass Sie weitere Hilfe benötigen.

    Dank,

    Yaman

    InformationsquelleAutor YAMAN

Schreibe einen Kommentar