Exporter (0) Imprimer
Développer tout
Informations
Le sujet que vous avez demandé est indiqué ci-dessous. Toutefois, ce sujet ne figure pas dans la bibliothèque.

Mises à jour de disposition de boîte flexible (« Flexbox »)

Avec Internet Explorer 11, vous pouvez mettre à jour vos sites pour qu’ils correspondent à la norme de boîte flexible (« Flexbox ») la plus récente et simplifier votre code inter-navigateur.

Lors de sa publication en août 2012, Internet Explorer 10 a introduit la prise en charge du module Disposition de boîte flexible (« Flexbox ») CSS W3C. La spécification étant encore en cours de développement à ce moment-là, la prise en charge des boîtes flexibles était assurée par le biais de préfixes de fournisseurs.

En septembre 2012, le module Disposition de boîte flexible (« Flexbox ») CSS a été publié comme « Candidate Recommendation » du W3C, incorporant plusieurs changements de certains aspects de la spécification. IE11 met à jour la prise en charge des boîtes flexibles avec ces changements, notamment les propriétés renommées, les valeurs de propriétés renommées, etc. Dorénavant, utilisez les nouveaux noms (et valeurs) sans préfixe et mettez à jour les sites existants en conséquence.

Les propriétés suivantes ont changé :

Instead ofUse
Propriété -ms-flex-wrapPropriété flex-wrap
Propriétés -ms-flex-order et flex-order.Propriété order
Propriété -ms-flex-packPropriété justify-content
Propriété -ms-flex-alignPropriété align-items
Propriété -ms-flex-item-alignPropriété align-self
Propriété -ms-flex-line-packPropriété align-content

 

De plus, les valeurs prises en charge par certaines propriétés ont changé :

PropertyOld valueNew value
display "-ms-flexbox""flex"
display "-ms-inline-flexbox""inline-flex"
flex-wrap "none""nowrap"
align-content, align-items, align-self et justify-content "start""flex-start"
align-content, align-items, align-self et justify-content "end""flex-end"

 

Pour finir, les éléments suivants ont été ajoutés :

  • La propriété flex a été ajoutée comme propriété raccourcie pour les propriétés flex-grow, flex-shrink et flex-basis.

  • Les propriétés align-content et justify-content prennent désormais en charge les valeurs "space-around" et "space-between".

  • Le comportement flexible par défaut des éléments flex a changé. Dans Internet Explorer 10, les éléments flex trop grands pour leur conteneur débordaient des marges du conteneur ou étaient coupés aux marges du conteneur. À partir d’IE11, ces éléments sont réduits à la taille de leurs conteneurs (jusqu’à la valeur min-width, si elle est spécifiée). Pour modifier ce comportement, utilisez la propriété flex-shrink.

 

 

Afficher:
© 2014 Microsoft