---
title: "Cómo alinear verticalmente el contenido de las tablas en la parte superior de la base de conocimientos"
slug: "how-to-top-align-table-contents-in-the-knowledge-base"
updated: 2026-06-22T08:48:10Z
published: 2026-06-22T08:48:10Z
canonical: "docs.document360.com/how-to-top-align-table-contents-in-the-knowledge-base"
---

> ## Documentation Index
> Fetch the complete documentation index at: https://docs.document360.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Cómo alinear verticalmente el contenido de las tablas en la parte superior de la base de conocimientos

Por defecto, el contenido de celdas de la tabla en el sitio de la Base de Conocimiento está centrado verticalmente. Si prefieres que el contenido se alinee en la parte superior de cada celda, lo cual suele ser más fácil de leer en tablas con contenido de varias líneas, puedes anular esto usando CSS personalizado. El cambio se aplica globalmente a todas las tablas del sitio.

---

## Cuándo usar la alineación vertical personalizada

- **Contenido de celdas de varias líneas**: cuando las celdas contienen listas de viñetas, párrafos o varias líneas de texto, la alineación superior facilita el escaneo de las filas porque todo el contenido comienza en la misma línea base visual.
- **Filas de longitud mixta**: en tablas donde algunas celdas son cortas y otras altas, la alineación superior evita que el contenido corto parezca flotar en el centro de una celda grande.
- **Ajustando un estándar de diseño**: la alineación superior es la convención más común para tablas de datos en documentación e interfaces de producto.

 NOTA

Este cambio de CSS se aplica a **todas las tablas** de tu sitio de la Base de Conocimiento. No es posible dirigir a tablas individuales usando este método.

---

## Referencia rápida

Para cambiar la alineación vertical, sustituye `top` por `middle` o `bottom` según sea necesario.

```
table td, table th, table tr {
    vertical-align: top !important;
}
```

| Valor | Efecto |
| --- | --- |
| `top` | Alinea el contenido a la parte superior de cada celda |
| `middle` | Centra el contenido verticalmente (por defecto) |
| `bottom` | Alinea el contenido con la parte inferior de cada celda |

---

## Cómo cambiar la alineación vertical de la tabla

1. En el portal de la Base de Conocimiento, ve a **Configuración** > **sitio de la Base de Conocimientos** > **CSS y JavaScript personalizados**.

![Knowledge base site settings page showing the Custom CSS and JavaScript option in the left navigation.](https://cdn.document360.io/860f9f88-412e-4570-8222-d5bf2f4b7dd1/Images/Documentation/Custom%20css%20&%20js.png)

1. Selecciona la pestaña **CSS** y pega el siguiente fragmento:

```
table td, table th, table tr {
    vertical-align: top !important;
}
```

1. Sustituye `top` por el valor de alineación deseado si es necesario, consulta la tabla de referencia anterior.
2. Haz clic **en Guardar**.

![Custom CSS editor showing the vertical-align top snippet pasted in the CSS tab with the Save button visible.](https://cdn.document360.io/860f9f88-412e-4570-8222-d5bf2f4b7dd1/Images/Documentation/image-1766926510813.png)

---

## Resultado

### Antes

![Knowledge Base site table showing the default vertical centre alignment with content floating in the middle of tall cells.](https://cdn.document360.io/860f9f88-412e-4570-8222-d5bf2f4b7dd1/Images/Documentation/1_Screenshot-Before_adding_code.png)

### Después

![Knowledge Base site table showing top vertical alignment applied, with all cell content starting at the top of each row.](https://cdn.document360.io/860f9f88-412e-4570-8222-d5bf2f4b7dd1/Images/Documentation/2_Screenshot-After_adding_code.png)