Échec de CSS3 Flexbox dans Webkit (Chrome et Safari)

Question

<nav> 
<div id="navbox" style="display: box; box-orient: horizontal;"> 
<img src="../gfx/lg_logo.png"></img> 
    <div>tagline</div> 
    </div> 
</nav> 

Dans l'inspecteur de Chrome, les propriétés flexbox de la div "navbox" sont barrées avec l'icône d'avertissement jaune à côté. Malheureusement, Google n'a aucune sorte d'info-bulle ou d'explication pour ses icônes jaunes, alors je me demande pourquoi il rejette ma propriété display: box. Quel est le problème ici?

Answer 1

Essayez d'ajouter des préfixes de fournisseur.

<nav> 
<div id="navbox" style="display: -webkit-box; -webkit-box-orient: horizontal;"> 
<img src="../gfx/lg_logo.png" /> 
    <div>tagline</div> 
    </div> 
</nav> 

BTW, img L'élément n'a pas d'étiquette de fermeture.