Verticale Allineamento del testo in un tag blocco

Question

Ho bisogno di un css Gunu là fuori per aiutarmi con questo. Proprio Ho un un tag che è un elemento di blocco larghezza e altezza fissa. Al suo interno è un immagine di sfondo e il titolo immagini. Sto cercando di allineare il testo in fondo e sto ottenendo nessun dove. Ho provato a fare display: table-cell; vertical-align: bottom; e ogni sorta di modi diversi. Bu arrivare da nessuna parte. So che avrei potuto fare line-height ma che ha quella linea tratteggiata strano attorno all'elemento. Appena provato avendo un arco con il testo in quanto all'interno di un tag e allineamento verticale che, ma nessuna gioia, anche se la sottolineatura si è spostato verso il basso. Il che è strano! Qualsiasi aiuto molto apprezzato. Richard

Answer 1

L'elemento genitore ha bisogno di display: table e poi l'elemento che si desidera sul fondo ha display: table-cell; allineamento: inferiore;

Answer 2

Quali sono i browser stai destinati a? Questo funziona bene per me in IE8.0.6 e 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>

Si noti che ho usato sia display:table-cell; e vertical-align:bottom;. Avete bisogno di 'em entrambi; non era sicuro se avessi provato.

Se che si sta dando problemi (stai rivolge IE6?) Si sta andando ad avere per inserire il vostro elemento <a> in un elemento a livello di blocco e poi posizionarlo.

<div style="position:relative;top:0px;left:0px;height:200px;width:200px;background:yellow;">
    <a style="position:absolute;bottom:0px;">Your text</a>
</div>