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?