[CSS] img verticaal centreren in div

Pagina: 1
Acties:

Acties:
  • 0 Henk 'm!

  • Storm90
  • Registratie: September 2008
  • Laatst online: 09-09 15:23
Goedenmiddag,

Weet toevallig iemand of het mogelijk is een afbeelding verticaal in een div te centreren? Ik weet dat het makkelijk gaat met tables, maar het is niet de bedoeling dat ik daar gebruik van maak..,
Ik heb al heel wat opgezocht, maar kan het persoonlijk nergens vinden. Ik dacht dat ik het ooit wel voor elkaar had gekregen, maar weet niet hoe. Heb ook gehoord dat het alleen mogelijk is met inline-statements, klopt dat?

Alvast bedankt,

Met vriendelijke groeten,

Erik

Acties:
  • 0 Henk 'm!

  • swtimmer
  • Registratie: Augustus 2006
  • Laatst online: 15:24

swtimmer

Ontrafelt het leven!


Acties:
  • 0 Henk 'm!

  • MueR
  • Registratie: Januari 2004
  • Laatst online: 14:26

MueR

Admin Tweakers Discord

is niet lief

De Google search levert vrij veel resultaten op als ik zoek op 'css vertical align div', waaronder [CSS] Vertical-align wil niet. Heb je dit al geprobeerd, of wat heb je uberhaupt al geprobeerd?

Anyone who gets in between me and my morning coffee should be insecure.


Acties:
  • 0 Henk 'm!

Verwijderd

Leuk, maar een img is een inline-level element, geen block-level element. De property vertical-align heeft helemaal geen betrekking op block-level elementen.

Als je dit dus wilt "simuleren" zul je de line-height in moeten stellen als de hoogte van het parent element. Als je dát hebt gedaan heeft vertical-align wél zin. Let er wel op dat niet alle (versies van) browsers dit goed doen.

Acties:
  • 0 Henk 'm!

  • Storm90
  • Registratie: September 2008
  • Laatst online: 09-09 15:23
Bedankt voor jullie reacties,

had al vanalles geprobeerd, maar was nog niet op line-height gekomen. Ik ga het proberen!
Nogmaals bedankt,

Gr. Erik

Acties:
  • 0 Henk 'm!

  • whoami
  • Registratie: December 2000
  • Laatst online: 20:41
Zowiezo is dit iets wat in WEB thuishoort.

https://fgheysels.github.io/


Acties:
  • 0 Henk 'm!

  • Storm90
  • Registratie: September 2008
  • Laatst online: 09-09 15:23
Nog steeds niet gelukt,
andere suggesties?

Acties:
  • 0 Henk 'm!

  • Pkunk
  • Registratie: December 2003
  • Laatst online: 11-09 17:52
Een snelle google actie levert mij dit op:
http://www.student.oulu.fi/~laurirai/www/css/middle/

Hallo met Tim


Acties:
  • 0 Henk 'm!

  • MueR
  • Registratie: Januari 2004
  • Laatst online: 14:26

MueR

Admin Tweakers Discord

is niet lief

Ik heb een suggestie. Laat ons eens weten wat je al geprobeerd hebt. Momenteel roep je van alles, maar zien wij niets van. Geeft mij het gevoel dat wij jouw werk moeten doen.

Anyone who gets in between me and my morning coffee should be insecure.

Pagina: 1