Je serais ravi de découvrir plus de détails sur la propriété -webkit-inline-box mais je n'arrive à rien trouver nulle part. J'ai essayé les canaux normaux de bogue w3c, google, css-tricks, je ne trouve rien. Je pense que c'est du vieux code hérité de flexbox.
Est-ce que quelqu'un connaît les détails de ...
display: -webkit-inline-box;
?
Je pense que c'est du vieux code hérité de flexbox.
Vous avez raison.
Boîtes flexibles, définies par display: box
et display: inline-box
respectivement, étaient d'anciennes incarnations de ce que l'on appelle maintenant les conteneurs flexibles (display: flex
et display: inline-flex
).
Ils sont décrits dans cette version de la spécification Flexbox , mais cela ne dit rien sur ces deux valeurs display
autres que
En CSS, des boîtes flexibles (souvent appelées uniquement boîtes dans cette spécification) peuvent être créées en définissant la propriété ‘display’. Une boîte de niveau bloc peut être spécifiée avec une valeur de "boîte" et une boîte en ligne peut être spécifiée en utilisant une valeur de boîte en ligne.
Tout le reste est décrit par le box-*
propriétés dans le reste de ce document.
Il existe toujours des implémentations et des sites de production qui utilisent l'ancien code flexbox, mais il va sans dire que vous ne devriez jamais avoir à les utiliser aujourd'hui. Concentrez-vous sur l'écriture de CSS selon la dernière = Flexbox spec , qui bénéficie support raisonnable par les navigateurs modernes et est en voie de normalisation.