Wie center, einen link mit CSS

Ich bin sehr neu und war Herumspielen mit code ( nur HTML und CSS ), Aber ich kann nicht mein link zu zentrieren, wie mein text? Die id ' s sind nur für die Praxis, die ich weiß, Sie sind nicht erforderlich.

http://pastebin.com/kYyR6WUx

InformationsquelleAutor Isaiah Young | 2013-07-15

  1. 6

    Habe ich eine Lösung mit css. Sie konnte werfen Sie einen Blick auf diesen link http://jsfiddle.net/qPAfK/

    div {
    width: 100px;
}

div a {
    text-align: center;
    display: block;
    margin: 0 auto;
}
    Im tun, auf eine W3-tutorial werden Sie darüber sprechen, dass mit "div" - Funktion?
    Sie können nur behandeln wie ein container. Oder Sie können versuchen, ohne die div.
    ein <div></div> ist nicht eine Funktion ist ein element von DOM (Document Object Modeling) Sie werden vom browser angezeigt, wenn es liest die HTML (HyperText Markup Langage) eine <div></div> ist ähnlich <p></p>, <a></a>, <input/> etc... in der Weise, dass Sie sind Elemente, die geändert werden kann, Hinzugefügt oder entfernt werden, und Sie helfen uns, ein layout auf unserer Seite. CSS (Cascading Style Sheets) lassen Sie uns die Eigenschaften dieser Elemente erlauben Sie uns, machen Sie schön und legen Sie Sie, wo wir Sie haben wollen.

    InformationsquelleAutor seanxiaoxiao

  2. 0

    In Ihrem Fall 

     #W3link
    {
    width:100px; /*use your preferred width*/
    margin-left:auto;
    margin-right:auto;
    }

    Verwenden Klasse wenn Sie möchten, um mehr als eine Zeit.

    InformationsquelleAutor sun

  3. 0

    Link ist ein inline-element. Bootstrap verwendet center-block zu ändern, inline-element display:

    .center-block {
  display: block;
  margin-right:auto;
  margin-left:auto;
}

    Doch dies funktioniert nicht, wenn direkt angewendet zu verknüpfen, wie z.B.:

    <a href="#" class="center-block">link</a>

    Funktioniert es nur, wenn ich width Stil. 20% funktioniert gut in meine Seite. Das ist die Ungefähre Zentrierung. Ich habe versucht text-center viele Male mit links und haben noch nie in der Lage, damit es funktioniert. Was mich wundert, ist, dass mit display: block allein funktioniert nicht mit margin Zentrierung. Width Hinzugefügt werden.

    InformationsquelleAutor jessebae

  4. 0

    Dies ist, wie es bei mir funktioniert:

    <div style="text-align:center"><a href="https://stackoverflow.com/"></a></div>

    InformationsquelleAutor Ed 42

Schreibe einen Kommentar