Tecnología

Inicio

Cómo hacer que los cuadros alineados de forma vertical en Firefox

Las tablas son elementos que almacenan datos - como texto o imágenes - en células individuales. Puede utilizar el lenguaje de marcado de hipertexto (HTML) y hojas de estilo en cascada (CSS) para crear una página web con mesas alineadas verticalmente en Firefox. Mientras que el atributo "valign" se usa comúnmente en el pasado para alinear las tablas, que el código ya está en desuso debido al desarrollo de CSS. en su lugar se puede utilizar el <div> y <style> etiquetas para que las tablas se alinean verticalmente en Firefox.

Instrucciones

1 Insertar <div> </ div> etiquetas entre las tablas (por ejemplo, <div> <table> <tr> <td> </ td> </ tr> </ table> </ div>).

2 Añadir estilo "position: absolute; top: <X> px" = a cada etiqueta <div>. Reemplazar "<X>" con la colocación de página deseado para cada tabla. El atributo "top" mueve el elemento de abajo de la página el número de píxeles.

3 Añadir la style = "vertical-align: <X>" a un elemento - como cada celda superior de las tablas - para hacer las tablas se alinean verticalmente en Firefox. Reemplazar "<X>" con "arriba", "abajo" o "media", en función de sus preferencias.

Consejos y advertencias

  • Si usted quiere tener todas las tablas de la página se alinean en la misma línea, inserte <style>
  • tabla {position: absolute; arriba: <X> px; }
  • </ Style> entre los <header> </ header> etiquetas.
  • Puede añadir td {vertical-align: <X>; } En entre el <style> </ style> etiquetas para que todas las células en todas las tablas se alinean basándose en el valor especificado.