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.

6
Comment justifier un élément Flexbox unique (remplacer le contenu justifié)
Vous pouvez remplacer align-itemsavec align-selfpour un élément flexible. Je cherche un moyen de remplacer justify-contentun élément flexible. Si vous aviez un conteneur flexbox avec justify-content:flex-end, mais que vous voulez que le premier élément soit justify-content: flex-start, comment cela pourrait-il être fait? Il a été mieux répondu par cet article: https://stackoverflow.com/a/33856609/269396
283 css  flexbox 
9
Flexbox: 4 articles par ligne
J'utilise une boîte flexible pour afficher 8 éléments qui seront redimensionnés dynamiquement avec ma page. Comment le forcer à diviser les éléments en deux rangées? (4 par rangée)? Voici un extrait pertinent: (Ou si vous préférez jsfiddle - http://jsfiddle.net/vivmaha/oq6prk1p/2/ ) .parent-wrapper { height: 100%; width: 100%; border: 1px solid black; …
260 html  css  flexbox 
3
Quelles sont les différences entre flex-base et largeur?
Il y a eu des questions et des articles à ce sujet, mais rien de concluant pour autant que je sache. Le meilleur résumé que j'ai pu trouver est flex-based vous permet de spécifier la taille initiale / de départ de l'élément, avant tout autre calcul. Il peut s'agir d'un …
224 css  flexbox  width 
15
ReactNative: comment centrer le texte?
Comment centrer le texte dans ReactNative à la fois horizontalement et verticalement? J'ai un exemple d'application dans rnplay.org où justificationContent = "centre" et alignItems = "centre" ne fonctionne pas: https://rnplay.org/apps/AoxNKQ Le texte doit être centré. Et pourquoi y a-t-il une marge en haut entre le texte (jaune) et le conteneur …
3
CSS aligner un élément à droite avec flexbox
https://jsfiddle.net/vhem8scs/ Est-il possible d'avoir deux éléments alignés à gauche et un élément aligné à droite avec flexbox? Le lien le montre plus clairement. Le dernier exemple est ce que je veux réaliser. Dans flexbox, j'ai un bloc de code. Avec float, j'ai quatre blocs de code. C'est une des raisons …
212 css  alignment  flexbox 
10
100% de largeur dans React Native Flexbox
J'ai déjà lu plusieurs tutoriels flexbox, mais je n'arrive toujours pas à faire fonctionner cette tâche simple. Comment puis-je rendre la boîte rouge à 100% de largeur? Code: <View style={styles.container}> <Text style={styles.welcome}> Welcome to React Natives </Text> <Text style={styles.line1}> line1 </Text> <Text style={styles.instructions}> Press Cmd+R to reload,{'\n'} Cmd+D or shake …
7
Pourquoi <fieldset> ne peut-il pas être des conteneurs flexibles?
J'ai essayé de styliser un fieldsetélément avec display: flexet display: inline-flex. Cependant, cela n'a pas fonctionné: flexs'est comporté comme block, et inline-flexs'est comporté comme inline-block. Cela se produit à la fois sur Firefox et Chrome, mais étrangement, cela fonctionne sur IE. Est-ce un bug? Je n'ai pas trouvé que cela …
201 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.