Cómo cambiar la alineación vertical de una tabla HTML

El formato de las tablas HTML puede ser controlado usando elementos de Cascading Style Sheets (CSS). Para cambiar la alineación vertical de todo el elemento de tabla requiere el establecimiento de márgenes sobre la mesa. Alineación de los datos dentro de una célula se puede hacer usando el atributo valign.

Instrucciones

La alineación vertical de una tabla completa

1 Busque el elemento de la tabla que desea modificar y agregar una etiqueta de estilo a la misma.

<Estilo de tabla = "">

2 Escriba el atributo CSS margen dentro del elemento de estilo y seguirlo con dos puntos.

<Mesa estilo = "margin:">

3 Escriba los ajustes de los márgenes deseados tras los dos puntos. Puede establecer márgenes para cada lado por separado, de forma individual para la parte superior e inferior con márgenes consistentes para la izquierda y la derecha, que se reflejan los márgenes de la parte superior e inferior y de la izquierda y la derecha, o los márgenes idénticos en todos los lados.

<Table style = "margin: 2cm 1cm 3cm 4cm"> Establece la mesa con un margen superior de 1 cm, un margen derecho de 5 cm, un margen inferior de 3 cm y el margen izquierdo de 4 cm.

<Table style = "margin: 2cm 1cm 3cm> Establece la mesa con un margen superior de 1 cm, un margen inferior de 3 cm, y tanto la márgenes izquierdo y derecho de 2 cm.

<Table style = "margin: 2cm 1cm"> Define la parte superior e inferior a 1 cm de márgenes, con ambos lados de 2 cm.

<Table style = "margin: 1 cm"> Define los márgenes en los cuatro lados de 1 cm.

La alineación vertical del contenido de celdas

4 Busque la celda que desea establecer la alineación sucesivamente. Esta será una etiqueta <td>.

5 Escriba la etiqueta de alineación vertical después de la apertura etiqueta <td>.

<Td valign = "">

6 Escriba el tipo de alineación deseada entre las comillas de la etiqueta valign. Hay cuatro opciones para la alineación vertical: superior, inferior, medio y basal. alineación de línea base es similar a la parte inferior, pero puede funcionar mejor en situaciones en las diferentes células contienen diversos tamaños de fuente. Línea de base se alinea la parte inferior del texto con otros datos de la tabla, mientras que la parte inferior se alinea simplemente al fondo de la celda sin tener en cuenta otros datos de la tabla.

Consejos y advertencias

• tamaños de los márgenes pueden especificarse en píxeles (px), puntos (pt), centímetros (cm) y porcentajes (%).
• El margen predeterminado de elementos es de 0 píxeles.