Is het mogelijk om een plaatje/div in een andere div centraal te centreren als de hoogte van de div waar het plaatje/div in komt niet vast staat?

Question

Ik wil een plaatje verticaal centreren in een div, maar het staat niet vast hoe groot die div wordt, dat ligt aan de inhoud. Is het dan wel mogelijk om het plaatje verticaal te centreren

rose · Accepted Answer

Als je een plaatje verticaal wilt centreren in een div dan kun je het plaatje het best een id geven, b.v. plaatje

In je css bestand neem je dan op:

#plaatje{
              vertical-align:middle;
}

Het plaatje zal zich dan verticaal in het midden van de parent (de div) positioneren.

 · Answer

In de CSS de volgende twee dingen toevoegen voor je div:

vertical-align: middle;
display: table-cell;

Op die manier kun je tekst / plaatjes / overige zaken verticaal centreren in een div.

Toegevoegd na 40 seconden:
Dus dan krijg je iets van:

#jediv {
vertical-align: middle;
display: table-cell;
}

Tekst

Is het mogelijk om een plaatje/div in een andere div centraal te centreren als de hoogte van de div waar het plaatje/div in komt niet vast staat?

Het beste antwoord

Andere antwoorden (1)

Weet jij het beter..?