css3 - Pourquoi la propriété flex dans la boîte CSS Flex est-elle définie comme ceci dans cet exemple ?

Je ne comprends pas les paramètres suivants pour item1 et item2 dans le code CSS. Je sais que flex:1 2 200px; ces trois valeurs correspondent respectivement à flex-grow, flex-shrink et flex-basis, mais je ne comprends pas. Je ne connais pas le but d'écrire ce {code...} Le code complet est le suivant...

迷茫 2017-06-12 09:24:28 0  1  1029

Comment placer le div interne d'une structure div imbriquée dans une nouvelle ligne à l'aide de flex box ?

Je veux le div interne (Mem3) dans une nouvelle ligne, en dessous de Mem1, et je ne veux pas changer à tout prix la structure du div. s'il vous plaît, aidez-moi. Comme ça =>.flex-container{display:flex;flex-wrap:wrap;}.flex-child{border:solidblue;}.flex-fgc{border:solidblue;}.flex-inner-gc{border...

P粉982054449 2023-09-13 12:26:10 0  1  657

Problèmes après l'ajout de bordures aux éléments enfants CSS3 flex

Une fois l'élément parent défini sur flex, l'élément enfant {flex:0 0 33.3333%} peut être divisé en trois parties égales dans la même ligne. Cependant, si une bordure est ajoutée à l'élément enfant, seules 2 peuvent être disposées dedans. la même ligne. Flex se dilate et se contracte de manière élas...

漂亮男人 2017-05-16 13:27:46 0  2  1049

Front-end - Que signifie display: -webkit-flex;

Je regardais un tutoriel et il y avait un tel attribut. Cela a-t-il la même signification que display: flex ;? Merci!

仅有的幸福 2017-06-12 09:24:35 0  4  2291

css - Comment implémenter une disposition à trois colonnes avec flex, mais la hauteur des éléments enfants doit être adaptative?

Je souhaite utiliser flex pour implémenter la disposition à trois colonnes dans l'image. Je rencontre actuellement le problème suivant : lorsque l'élément parent définit display: flex, la hauteur des trois colonnes est la même et je veux la hauteur des trois. les colonnes doivent être adaptatives. J...

滿天的星座 2017-05-16 13:45:22 0  1  1703

Comment puis-je faire en sorte que la colonne Flex du bas conserve l'ordre des éléments à l'aide de CSS ?

J'ai une colonne d'éléments flexibles centrée horizontalement, triés de 1 à 5, alignés à partir du haut du conteneur, comme ceci : body,html{height:100%;position:relative;margin:0;padding:0;}. conteneur{ display:inline-flex;flex-wrap:wrap;flex-direction:column;align-items:flex-end;align-content :

P粉277464743 2024-03-30 11:59:06 0  2  483

css - Questions sur la mise en page Flex

Le code que j'utilise pour la mise en page flexible est le suivant : .cszgroup-ul{ display: flex; ul li{ width: 31%; margin-bottom: 10px;}Le résultat est...

滿天的星座 2017-06-05 11:13:12 0  5  932

Montre que flex occupe une largeur supérieure à la largeur spécifiée sur le div

Le div a une certaine largeur et le texte qu'il contient provient dynamiquement de l'API et possède des styles de points de suspension. Je ne peux pas fournir la largeur du texte car le texte est complètement dynamique et la longueur du texte n'est pas déterminée. Vous trouverez ci-dessous le code q...

P粉425119739 2023-09-11 18:37:38 0  1  668

css - différences de disposition flex, display:flex et display:-webkit-box

https://jsfiddle.net/channg/j... Pourquoi la largeur de display:flex using box change-t-elle ? Après avoir modifié flex:-webkit-box, les cases suivantes seront-elles supprimées ?

给我你的怀抱 2017-05-27 17:44:17 0  1  1410

css - Comment implémenter cette mise en page avec Flex?

Comment utiliser flex pour implémenter ce type de mise en page ? Je n'ai pas pu finir d'écrire avant la troisième fois, alors j'ai demandé à quelqu'un d'ajouter de l'aide. {code...}

ringa_lee 2017-06-30 09:56:55 0  2  1030

YouTube réactif intégré à Flex

J'ai essayé d'intégrer YouTube réactif et d'autres contenus dans un conteneur Flex, mais le conteneur dans lequel se trouve l'intégration YouTube ne s'agrandit pas et se chevauche donc ou est recouvert par d'autres éléments. Je ne sais pas si je l'ai bien expliqué, j'ai donc également créé un code e...

P粉111641966 2024-03-21 23:20:29 0  1  428

Flex-grow n'étend pas les divs enfants

Je suis nouveau sur CSS et j'ai besoin d'aide pour résoudre un problème. Pourquoi flex-grow n'étend-il pas block__column_2div jusqu'à la fin de l'écran ? Selon la théorie du curriculum, ce comportement devrait être attendu. S'il vous plaît, dites-moi qu'est-ce que je fais de mal ? Un exemple de code...

P粉388945432 2024-02-03 18:18:58 0  1  384

Les éléments frères et sœurs sont de taille limitée dans la disposition flex/grille

J'ai deux éléments frères, chacun contenant du contenu dynamique. <divclass="flex"><divclass="sibling-1"></div><divclass="sibling-2"></div>&l

P粉134288794 2023-08-24 12:52:48 0  2  527

javascript - Comment rendre les navigateurs supérieurs à IE8 compatibles avec Flex

La page utilise une mise en page flexible. J'ai créé de nombreuses pages. Maintenant, je sais que Flex a une mauvaise compatibilité sur PC, en particulier le navigateur IE. Mais il faudra certainement beaucoup de travail pour le changer maintenant. Existe-t-il un moyen de faire en sorte que la mise ...

仅有的幸福 2017-07-06 10:34:52 0  1  1213

Espace blanc : nowrap avec flex : 1 ; la largeur de l'enfant est trop petite pour accueillir du texte

Je ne trouve aucune solution pour que 2 divs de même taille tiennent le texte sur une seule ligne. Cela ressemble à un espace : après avoir défini la largeur du parent: fit-content, la largeur n'est plus prise en compte maintenant. Ils doivent être aussi petits que possible, toujours de la même tail...

P粉776412597 2023-09-04 13:30:47 0  1  523

flex css - élément de clip après une certaine hauteur au lieu de l'envelopper

Les bordures représentent la hauteur et la largeur statiques. Je souhaite que les éléments 5 et 6 restent sur la deuxième rangée et coupent les éléments 3 et 6 au lieu de les emballer une troisième fois comme indiqué. Comment puis-je y parvenir avec Flex ? Pour compléter ce problème, la largeur du c...

P粉785957729 2024-04-01 14:02:02 0  1  603

Créez diverses mises en page de cartes à l'aide d'une seule grille ou de Flex : un guide pratique

J'essaie de créer une mise en page de carte réactive comme celle illustrée. Ce que je fais actuellement, c'est créer des mises en page distinctes pour les ordinateurs, les tablettes et les appareils mobiles. Ensuite, à l'aide de media query, j'ai défini la propriété d'affichage des deux autres vues ...

P粉808697471 2024-04-02 21:07:36 0  2  645

html5 - Pourquoi le deuxième conteneur flex suit-il immédiatement le premier conteneur flex ?

Question : Comment le deuxième conteneur flexible peut-il être déplacé derrière le premier conteneur flexible ? code de la barre de navigation {code...} code du conteneur {code...}

淡淡烟草味 2017-07-01 09:12:21 0  2  1602

Conception Flexbox : je veux que tous les côtés de la bulle de texte se touchent

.fm-bubbles{display:flex;flex-wrap:wrap;width:100%;height:100px;}.fm-bubble{flex:1110%;height:max-content;border:1pxsolidroyalblue;border-radius:5px ;}<divclass="fm-content"><divclas

P粉002546490 2024-04-01 10:59:44 0  1  490

Conteneur rétractable pour s'adapter aux éléments enfants enveloppés

J'essaie de comprendre comment flexbox fonctionne (devrait fonctionner ?...) pour une situation comme celle-ci : .holder{width:500px;background:lightgray;display:flex;flex-direction:row;justify-content:space -between;flex- wrap:nowrap;}.v2{width:320px;}.child{display:inline-block;

P粉182218860 2023-10-21 10:33:50 0  2  672