Pourquoi Flexbox ne fonctionne-t-il pas comme prévu avec `` Elements ?-tutoriel CSS-php.cn

Why Doesn't Flexbox Work as Expected with `` Elements?

Pourquoi

Résiste à Flexbox

Lors de l'application d'un affichage flexible à un

élément, un comportement inattendu se produit dans les navigateurs tels que Firefox et Chrome. Flex se comporte comme un bloc et inline-flex comme un bloc en ligne, bien que les spécifications n'indiquent aucune gestion particulière pour

La raison

Selon Bug 984869,

, avec et , ne sont pas entièrement implémentables en CSS pur et agissent donc comme des boîtes noires. Cela signifie qu'ils peuvent ne pas répondre de la même manière aux autres éléments de style CSS.

Plus précisément, pour

, les navigateurs le restituent avec une classe de frame prédéterminée, qui régit la disposition de ses éléments enfants. Cette classe de frame remplace la propriété d'affichage définie dans CSS.

Bonnes pratiques

Pour obtenir la mise en page souhaitée dans un

multi-navigateurs, il est conseillé d'utiliser un wrapper

à l'intérieur du

, comme vous le feriez dans une

Mise à jour pour Firefox

Les versions 46 et ultérieures de Firefox implémentent Flexbox pour < fieldset>, résolvant le bug 1230207.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

source：php.cn

Article précédent：Comment puis-je styliser efficacement les formulaires Django en utilisant CSS ? Article suivant：Comment puis-je détecter la fin des transitions et des animations CSS3 dans jQuery ?

Déclaration de ce site Web

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Derniers articles par auteur

Derniers numéros

function_exists() ne peut pas déterminer la fonction personnalisée Function test () {return true;} if (function_exists ('test')) {echo "le test est une ...

Depuis 2024-04-29 11:01:01

2378

Comment afficher la version mobile de Google Chrome Bonjour professeur, comment puis-je changer Google Chrome en version mobile ?

Depuis 2024-04-23 00:22:19

2503

La fenêtre enfant exploite la fenêtre parent, mais la sortie ne répond pas. Les deux premières phrases sont exécutables, mais la dernière ne peut pas être implémentée...

Depuis 2024-04-19 15:37:47

2129

Il n'y a aucune sortie dans la fenêtre parent document.onclick = function(){ window.opener.document.write('Je suis la sortie de la fenêt...