Hallo allemaal,

Onderstaand probeersel krijg ik niet werkend:

HTML-code:

<div id="afb">
   <img src="<?php echo $rowAgenda['poster'] ; ?>" style="max-width: 100%; max-height: 100px;" />
</div>


Bijbehorend CSS:

div#afb {
    display: flex;		
    align-items: center;
    display: -webkit-flex; /* Safari */
    -webkit-align-items: center; /* Safari 7.0+ */
}


De CSS-code vond ik op w3schools.
Volgens mij is deze functie bedoeld om bijv. een afbeelding te centreren maar bij mij gebeurt dit niet.

Ik gebruik IE-11 als browser en die zou ondersteund zijn
Ik heb het idee dat het een geheel nieuwe property is.
Heeft iemand hier ervaring mee?
Je weet zeker dat je maar één keer dit ID gebruikt?
Want het zou moeten werken. Geef je <div> eens een border: 1px solid red; en kijk dan of deze wel goed staat (breedte etc).
Daarnaast zou het wellicht handig zijn om een breedte op te geven, zodat centreren ook nut heeft.

En persoonlijk zou ik de laatste 2 regels (voor Safari) weglaten. Deze eerder zal Safari een standaard moeten gaan ondersteunen.

[size=xsmall]Toevoeging op 09/03/2015 18:18:33:[/size]

Het werkt perfect: http://codepen.io/anon/pen/WbgaoN

Het centreert het verticaal. Wilde je dit niet?
Eddy,
1. Ik ga e.e.a. Proberen
2. Ik had verwacht dat er horizontaal werd gecentreerd. Daar ben ik op zoek naar.

Reageren