Vertikale Ausrichten von text in einem block <a> tag

Brauche ich eine css-gunu gibt, um mir zu helfen mit diesem.
Rechts habe ich ein a-tag ist ein block-element eine Feste Breite und Höhe. Es ist ein Hintergrundbild und die Bilder mit Titel.
Ich versuche, richten Sie den text nach unten und ich bekommen nicht, wo.
Ich habe versucht zu tun
display:table-cell;
vertical-align:bottom;
und alle Arten von verschiedenen Möglichkeiten.
Bu nirgends bekommen. Ich weiß, dass ich tun konnte, line-height, aber das hat dieser komische gestrichelte Linie um das element.
Habe gerade versucht mit einem span mit der text, der innerhalb des a-Tags und vertikal ausrichten, dass aber keine Freude, obwohl die Linie nach unten. Das ist seltsam!
Jede Hilfe sehr geschätzt.
Richard

  • Es wäre einfacher zu helfen, wenn Sie veröffentlicht Ihre aktuelle html+css.
InformationsquelleAutor Richard Housham | 2010-03-15
  1. 9

    Des übergeordneten Elements anzeigen:Tabelle und dann das gewünschte element auf dem unteren display:table-cell; align:bottom;

    InformationsquelleAutor Billy
  2. 6

    Welche Browser werden Sie gezielt? Diese funktioniert bei mir im IE8.0.6 und FireFox 3.5.8:

    <a style="display:block;height:200px;width:200px;background:blue;display:table-cell;vertical-align:bottom;">This is a test</a>

    Hinweis: ich habe sowohl display:table-cell; und vertical-align:bottom;. Sie müssen 'em beide; war nicht sicher, ob Sie hatte versucht, die.

    Wenn es das ist, was Ihnen Schwierigkeiten (sind Sie targeting IE6?) du gehst zu haben, um Ihre <a> - element in ein block-level-element und positionieren Sie es.

    <div style="position:relative;top:0px;left:0px;height:200px;width:200px;background:yellow;">
    <a style="position:absolute;bottom:0px;">Your text</a>
</div>
    • Danke für die Antwort. Ich bin gut allen Browsern. Aber das Problem ist, dass ich schweben das a-tag als auch, was bedeutet, dass dies nicht zu wollen scheinen, um ball zu spielen. zumindest das erste funktioniert nicht in ie8 oder ff3.6
    InformationsquelleAutor Richard JP Le Guen
Schreibe einen Kommentar