---
title: "Como alinhar verticalmente o conteúdo da tabela no topo da base de conhecimento"
slug: "how-to-top-align-table-contents-in-the-knowledge-base"
updated: 2026-06-22T08:58:57Z
published: 2026-06-22T08:58:57Z
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.

# Como alinhar verticalmente o conteúdo da tabela no topo da base de conhecimento

Por padrão, o conteúdo das células da tabela no site da Base de Conhecimento é centralizado verticalmente. Se você preferir que o conteúdo se alinhe ao topo de cada célula, o que geralmente é mais fácil de ler em tabelas com conteúdo multilinha, pode sobrescrever isso usando o CSS personalizado. A mudança se aplica globalmente a todas as tabelas do site.

---

## Quando usar alinhamento vertical personalizado

- **Conteúdo de células em múltiplas linhas**: quando células contêm listas de tópicos, parágrafos ou várias linhas de texto, o alinhamento superior facilita a leitura das linhas porque todo o conteúdo começa na mesma linha de base visual.
- **Linhas de comprimento misto**: em tabelas onde algumas células são curtas e outras altas, o alinhamento superior impede que conteúdos curtos pareçam flutuar no meio de uma célula grande.
- **Corresponder a um padrão de design**: o alinhamento superior é a convenção mais comum para tabelas de dados em documentação e interfaces de produtos.

 NOTA

Essa alteração de CSS se aplica a **todas as tabelas** do seu site da Base de Conhecimento. Não é possível direcionar tabelas individuais usando esse método.

---

## Referência rápida

Para mudar o alinhamento vertical, substitua `top` com `middle` ou `bottom` conforme necessário.

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

| Valor | Efeito |
| --- | --- |
| `top` | Alinha o conteúdo ao topo de cada célula |
| `middle` | Centraliza o conteúdo verticalmente (padrão) |
| `bottom` | Alinha o conteúdo ao fundo de cada célula |

---

## Como mudar o alinhamento vertical da tabela

1. No portal da Base de Conhecimento, acesse **Configurações** > **site da Base de Conhecimento** > **CSS & 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. Selecione a aba **CSS** e cole o seguinte trecho:

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

1. Substitua `top` pelo valor de alinhamento desejado, se necessário, veja a tabela de referência acima.
2. Clique **em Salvar**.

![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)

---

## Desfecho

### 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)

### Depois

![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)