Ich brauche ein Css-Gewehr da draußen, um mir mit diesem zu helfen. Richtig Ich habe ein a-Tag, das ein Blockelement feste Breite und Höhe ist. Darin befindet sich ein Hintergrundbild und der Titel des Bildes. Ich versuche, den Text auf den Boden auszurichten und ich bekomme nirgendwo hin. Ich habe es versucht Display: Tisch-Zelle; vertikal ausrichten: unten; und alle Arten von verschiedenen Möglichkeiten. Bu kommt nirgendwohin. Ich weiß, dass ich Line-Height machen kann, aber diese seltsame gepunktete Linie um das Element hat. Habe gerade versucht, eine Spanne mit dem Text darin innerhalb des Tags a und vertikal auszurichten, aber keine Freude, obwohl die Unterstreichung nach unten gerückt ist. Was ist seltsam! Jede Hilfe sehr geschätzt. RichardVertical Ausrichten eines Textes in einem Block <a> tag
Antwort
Das übergeordnete Element benötigt Anzeige: Tabelle und dann das Element, das Sie auf dem unteren anzeigen möchten, hat: table-cell; ausrichten: unten;
Welche Browser zielen Sie? Dies funktioniert gut für mich in 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 beide display:table-cell; und vertical-align:bottom; verwendet haben. Du brauchst sie beide; Ich war mir nicht sicher, ob du das versucht hast.
Wenn Sie Probleme haben (zielen Sie auf IE6?), Müssen Sie Ihr <a> Element in einem Block-Level-Element platzieren und dann positionieren.
<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 in allen Browsern. Aber das Problem ist, dass ich auch das a-Etikett schwimme, was bedeutet, dass das nicht Ball spielen will. mindestens der erste nicht in ie8 oder ff3.6 –
Es wäre einfacher zu helfen, wenn Sie Ihren aktuellen HTML + CSS-Eintrag gepostet. – ghoppe