Questions marquées «flexbox»

Module CSS pour des mises en page flexibles offrant une large gamme d'options pour aligner les éléments tout en éliminant le besoin de flottants et de tableaux.

8
Conserver le rapport hauteur / largeur de l'image lors du changement de hauteur
En utilisant le modèle de boîte flexible CSS, comment puis-je forcer une image à conserver ses proportions? JS Fiddle: http://jsfiddle.net/xLc2Le0k/2/ Notez que les images s'étirent ou se rétrécissent afin de remplir la largeur du conteneur. C'est bien, mais pouvons-nous aussi l'étirer ou réduire la hauteur pour conserver les proportions de …
114 html  css  flexbox 
4
La «position: absolue» est-elle en conflit avec Flexbox?
Je veux faire un divbâton en haut de l'écran sans aucune influence sur les autres éléments, et son élément enfant au centre. .parent { display: flex; justify-content: center; position: absolute; } <div class="parent"> <div class="child">text</div> </div> Exécuter l'extrait de codeHide resultsDévelopper l'extrait Lorsque j'ajoute la position: absoluteligne, justify-content: centerdevient invalide. …
7
Centre horizontal de positionnement absolu React Native
Il semble qu'avec l' position:absoluteutilisation d'un élément ne puisse pas être centré à l'aide de justifyContentou alignItems. Il existe une solution de contournement à utiliser, marginLeftmais qui n'affiche pas la même chose pour tous les appareils, même en utilisant les dimensions pour détecter la hauteur et la largeur de l'appareil. …
10
Rangées de hauteur égale dans un conteneur flexible
Comme vous pouvez le voir, list-itemsles premiers rowont la même chose height. Mais les éléments du second rowsont différents heights. Je veux que tous les articles aient un uniforme height. Existe-t-il un moyen d'y parvenir sans donner une hauteur fixe et en n'utilisant que flexbox ? Voici mon code .list …
91 html  css  flexbox 
1
margin-top uniquement lorsque l'élément flexible est enveloppé
J'ai un conteneur flexible avec deux éléments flexibles. Je veux définir une marge supérieure sur le second, mais uniquement lorsqu'il est enveloppé et non à la première ligne flexible. Si possible, je souhaite éviter d'utiliser les requêtes multimédias. Je pensais que la marge inférieure sur le premier élément pourrait être …
88 css  margin  flexbox 
4
Centrer un DIV de manière inégale en utilisant CSS
Je centre un DIV à l'intérieur d'un autre DIV à l'aide d'un flexbox. Pensez à une fenêtre de dialogue qui apparaît au centre de l'écran en cas de besoin. Cela fonctionne bien, mais il serait beaucoup mieux si l'espace au-dessus et en dessous de la boîte de dialogue n'était pas …
23 html  css  flexbox  centering 
10
Création de divs de tailles égales avec bouclage
J'essaie de créer un système de menus avec une image et du texte au-dessus et en dessous. Les données sont dynamiques. Je veux que le système de menus apparaisse de sorte que chaque image soit à égale distance l'une de l'autre afin qu'elles s'alignent dans une grille d'images à la …
17 html  css  flexbox 
En utilisant notre site, vous reconnaissez avoir lu et compris notre politique liée aux cookies et notre politique de confidentialité.
Licensed under cc by-sa 3.0 with attribution required.