Standaard is de inhoud van de tabelcel op de Knowledge Base-site verticaal gecentreerd. Als je liever hebt dat content uitlijnt met de bovenkant van elke cel, wat over het algemeen makkelijker te lezen is in tabellen met inhoud met meerdere regels, kun je dit overschrijven met Custom CSS. De wijziging geldt wereldwijd voor alle tabellen op de site.
Wanneer te gebruiken van aangepaste verticale uitlijning
- Meerlijnige celinhoud: wanneer cellen opsommingslijsten, alinea's of meerdere regels tekst bevatten, maakt top-uitlijning rijen makkelijker te scannen omdat alle inhoud op dezelfde visuele basislijn begint.
- Gemengde rijen: in tabellen waar sommige cellen kort zijn en andere hoog, voorkomt top-uitlijning dat korte inhoud in het midden van een grote cel lijkt te zweven.
- Een ontwerpstandaard matchen: top-uitlijning is de meest voorkomende conventie voor datatabellen in documentatie en productinterfaces.
OPMERKING
Deze CSS-wijziging geldt voor alle tabellen op je Knowledge Base-site. Het is niet mogelijk om individuele tabellen met deze methode te targeten.
Snelle referentie
Om de verticale uitlijning te veranderen, vervang top met middle of bottom indien nodig.
table td, table th, table tr {
vertical-align: top !important;
}
| Waarde | Effect |
|---|---|
top |
Inhoud wordt uitgelijnd met de bovenkant van elke cel |
middle |
Centreert de inhoud verticaal (standaard) |
bottom |
Inhoud uitlijnt met de onderkant van elke cel |
Hoe verander je de verticale uitlijning van de tabel
- Ga in het Knowledge Base-portaal naar Instellingen > Knowledge Base-site > Custom CSS & JavaScript.
- Selecteer het CSS-tabblad en plak het volgende fragment:
table td, table th, table tr {
vertical-align: top !important;
}
- Vervang
topindien nodig met de gewenste uitlijningswaarde, zie de referentietabel hierboven. - Klik op Opslaan.
Uitkomst
Voorheen
Na
