Necesito un css gunu para ayudarme con este. Derecha Tengo una etiqueta a que es un elemento de bloque de ancho y alto fijo. Dentro de ella hay una imagen de fondo y el título de las imágenes. Estoy tratando de alinear el texto hasta el final y no estoy llegando a ninguna parte. He intentado hacer display: table-cell; vertical-alinear: inferior; y todo tipo de formas diferentes. Bu llegando a ninguna parte. Sé que puedo hacer la altura de la línea, pero tiene esa línea punteada extraña alrededor del elemento. Acabo de intentar tener un lapso con el texto dentro de la etiqueta a y alinearlo verticalmente pero sin alegría, aunque el subrayado se ha movido hacia abajo. ¡Lo cual es extraño! Cualquier ayuda muy apreciada. RichardVertical Alinear texto en un bloque <a> tag
Respuesta
El elemento padre necesita pantalla: mesa y luego el elemento que desee en la parte inferior tiene display: table-cell; alinear: abajo;
¿A qué navegadores está apuntando? Esto funciona muy bien para mí en IE8.0.6 y 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>
Nota que he usado tanto display:table-cell;
y vertical-align:bottom;
. Los necesitas a los dos; No estaba seguro de si lo había intentado.
Si eso le ocasiona problemas (¿se dirige a IE6?) Tendrá que colocar su elemento <a>
en un elemento de nivel de bloque y luego colocarlo.
<div style="position:relative;top:0px;left:0px;height:200px;width:200px;background:yellow;">
<a style="position:absolute;bottom:0px;">Your text</a>
</div>
Gracias por la respuesta. Estoy bien en todos los navegadores. Pero el problema es que también estoy flotando la etiqueta a, lo que significa que no parece querer jugar a la pelota. al menos el primero no en ie8 o ff3.6 –
- 1. Vertical Alinear texto en una etiqueta
- 2. CSS Vertical alinear medio
- 3. CSS vertical alinear
- 4. vertical-alinear: medio no funciona
- 5. Texto vertical con jQuery
- 6. ¿Podemos forzar que XmlWriter emita <my-tag></my-tag> en lugar de <my-tag/>?
- 7. contenido vertical alinear en Android EditarTexto
- 8. Aplicación vertical-alinear a dos divs usando el bloque en línea
- 9. alineación vertical de los elementos en línea-bloque vacío
- 10. ¿Cómo alinear verticalmente un texto?
- 11. Alineación de texto vertical en Crystal Reports?
- 12. Texto vertical en datagridview
- 13. ¿Cómo alinear verticalmente texto en tipo de entrada = "texto"?
- 14. WPF - ¿Cómo alinear correctamente un bloque de texto dentro de un panel de distribución orientado horizontalmente?
- 15. texto-alinear en una tabla en una celda (<table> dentro de <td>)
- 16. El selector de CSS solo funciona si <tag> tiene contenido</tag>
- 17. Alinear texto verticalmente en Navbar
- 18. Cómo alinear texto en android
- 19. androide texto ver texto en dirección vertical
- 20. ¿Es esta la solución más sencilla y flexible para alinear verticalmente el texto dentro de un elemento de bloque?
- 21. Spring: orden de <map> tag
- 22. Maven wsdl2java <wsdlLocation> tag
- 23. Inyección javascript thourgh <img> -tag
- 24. Alineación vertical del texto en una celda de tabla
- 25. Alinear texto dentro de un diagrama
- 26. ¿Cómo alinear el texto a la derecha usando css cuando en un div con elementos de bloque
- 27. Cómo alinear verticalmente las imágenes en <td>
- 28. ¿Cómo puedo centrar un bloque vertical y horizontalmente con Bootstrap?
- 29. ¿Cómo puedo alinear el centro vertical de la imagen en un diseño lineal?
- 30. IE7 texto-alinear no funciona
Sería más fácil ayudar si publicaste tu html + css actual. – ghoppe