Questions sur flexbox

5
réponses

Dans CSS Flexbox, pourquoi n'y a-t-il pas de propriétés" justify-items "et" justify-self"?

"1519260920 Considérer" l'axe principal et l'axe transversal d'un conteneur flex:                   ... question principale: Pourquoi il n'y a pas de "justifier-éléments" et "justifier", propriétés?
demandé sur 2015-09-13 18:30:27
8
réponses

Comment rendre les enfants flexbox 100% Hauteur de leur parent?

j'essaie de remplir l'espace vertical d'un objet flex à l'intérieur d'une flexbox. .container { hei ... a une position absolue qui est aussi incommode cela ne fonctionne pas dans Chrome ou Firefox actuellement.
demandé sur 2013-03-13 13:19:00
5
réponses

Comment aligner verticalement un texte dans une flexbox?

j'aimerais utiliser flex box pour aligner verticalement du contenu à l'intérieur d'un <li> mais sans grand succè ... kground: silver; width: 100%; height: 20%; } <ul> <li>This is the text</li> </ul>
demandé sur 2014-08-14 19:11:24
6
réponses

Différence entre display:inline-flex et display:flex

j'ai de la difficulté à comprendre la propriété display:inline-flex; . Quelle est la différence entre display:inli ... er</footer> </div> </body> JSFiddle Exemple Quelle est la différence?
demandé sur 2014-12-11 11:12:46
6
réponses

Comment justifier un seul flexbox élément (remplacer justifier de contenu)

vous pouvez remplacer align-items par align-self pour un article flexible. Je cherche un moyen de remplacer justify-c ... rrait-il être fait? cela a été mieux répondu par ce post: https://stackoverflow.com/a/33856609/269396
demandé sur 2014-05-13 05:55:25
3
réponses

Chrome / Safari ne remplit pas 100% Hauteur de Flex parent

je veux avoir un menu vertical avec une hauteur spécifique. chaque enfant doit remplir la hauteur du parent e ... gt; <div class="item-inner"> <a>Button</a> </div> </div> </div>
demandé sur 2015-11-10 21:16:27
3
réponses

Flexbox vs Twitter Bootstrap (ou cadre similaire) [fermé]

j'ai récemment découvert Flexbox quand je cherchais une solution pour faire divs la même hauteur, en fonction de la pl ... e chose flexbox peut ajouter? y a-t-il des raisons de choisir flexbox 's" grid system " sur un framework?
demandé sur 2014-12-22 11:54:50
3
réponses

Quelles sont les différences entre la base flexible et la largeur?

il y a eu des questions et des articles à ce sujet, mais rien de concluant pour autant que je puisse dire. Le meilleur ... on plus directe ou un résumé des différences de flex-base et largeur (ou hauteur ), ce serait bien.
demandé sur 2015-12-18 12:17:22
18
réponses

Bootstrap 4 aligner les éléments navbar à droite

comment aligner un élément navbar à droite? je veux avoir le login et m'inscrire à droite. Mais tout ce que j ... egister') }}">Register</a> </li> </ul> </nav> @yield('content') </div>
demandé sur 2017-01-06 23:02:38
7
réponses

Rupture de ligne dans la flexbox multi-ligne

y a-t-il un moyen de faire une rupture de ligne dans la flexbox à plusieurs lignes? par exemple pour casser a ... ss="item">10</div> </div> Comme .item:nth-child(3n){ /* line-break: after; */ }
demandé sur 2015-04-19 19:29:11
6
réponses

Ne peut pas faire défiler vers le haut de l'article flex qui déborde le conteneur

donc, en essayant de faire un modal utile en utilisant flexbox, j'ai trouvé ce qui semble être un problème de navigate ... ent bonnes. Des liens vers des problèmes connus, ou le raisonnement derrière ce comportement serait également utile.
demandé sur 2015-10-31 20:35:22
1
réponses

Pourquoi ne pas fléchir les éléments rétrécir passé de la taille du contenu?

j'ai 4 colonnes flexbox et tout fonctionne très bien, mais quand j'ajoute du texte à une colonne et que je la place à ... col col3">Lorem ipsum dolor</div> <div class="col col4">Lorem ipsum dolor</div> </div>
demandé sur 2016-03-27 15:08:53
7
réponses

Centre D'alignement Vertical dans Bootstrap 4

j'essaie de centrer mon conteneur au milieu de la page en utilisant Bootstrap 4. J'ai été infructueuses jusqu'à présen ... e cela fait la même chose que l'approche susmentionnée. résolu grâce à @Pete, @ZimSystems ainsi que d'autres""
demandé sur 2017-02-15 17:42:13
3
réponses

Remplir l'espace vertical restant avec CSS en utilisant display: flex

dans un agencement à trois lignes: la rangée du haut doit être calibrée en fonction de son contenu ... Comment puis-je faire en sorte que mon agencement de flexbox prenne 100% d'espace vertical? etc
demandé sur 2014-08-02 22:15:57
5
réponses

Comment spécifier un élément après quoi envelopper dans CSS flexbox?

Je ne pense pas que cela fasse encore partie de la norme flexbox, mais y a-t-il peut-être une astuce pour suggérer ou ... r; } voir le jsfiddle pour une configuration plus complète: http://jsfiddle.net/theazureshadow/ww8DR /
demandé sur 2013-10-24 23:27:36
7
réponses

Flexbox: 4 articles par ligne

j'utilise une boîte flex pour afficher 8 éléments qui seront redimensionnés dynamiquement avec ma page. Comment puis-j ... s="child"></div> <div class="child"></div> </div> </div> </body>
demandé sur 2015-04-09 21:47:34
3
réponses

Lorsque les articles flexbox envelopper en mode colonne, conteneur n'augmente pas sa largeur

je travaille sur un schéma de flexbox emboîté qui devrait fonctionner comme suit: ultrapériphériques niveau ( ... . Ce n'est pas beau à voir, mais c'est une façon d'aller de l'avant qui ne brise pas trop la facilité d'utilisation.
demandé sur 2015-11-24 13:55:00
5
réponses

Le texte dans un conteneur flexible ne s'emballe pas dans IE11

considérons l'extrait suivant: .parent { display: flex; flex-direction: column; width: 400px; ... lution connue? cette question similaire n'a pas une réponse définitive et un pointeur officiel.
demandé sur 2016-01-31 09:31:27
1
réponses

Faire remplir div restant * horizontal * espace dans flexbox

j'ai 2 divs côte à côte dans une flexbox. La main droite doit toujours avoir la même largeur, et je veux que la main g ... iv> <div style="margin-left:8px;"> <strong>&gt;</strong> </div> </div>
demandé sur 2016-06-10 12:46:11
1
réponses

Hauteur 100% Sur flexbox colonne enfant [dupliquer]

cette question a déjà une réponse ici: comment faire imbriquée flexboxes travail ... je le veux pour que le rouge .flex-child remplisse le bleu .flex . Pourquoi height:100% ne marche pas?
demandé sur 2014-01-07 01:28:53
8
réponses

Comment aligner la dernière ligne à gauche de la flexbox [dupliquer]

cette question a déjà une réponse ici: Flex-zone: Aligner la dernière ligne de la ... de grille. http://jsfiddle.net/puz219/7Hq2E / Comment aligner dernière ligne/ligne à gauche?
demandé sur 2013-05-04 23:11:58
13
réponses

Comment remplir un div avec une image tout en le maintenant proportionnel?

j'ai trouvé ce thread - comment étirez-vous une image pour remplir un tout en gardant le format de l'image? - ce ... e façon de faire CSS3-je pense à flex-box. Une idée? C'est peut-être encore plus facile que ce que je m'y attendais?
demandé sur 2013-01-03 19:54:21
1
réponses

CSS-uniquement disposition de maçonnerie mais avec des éléments ordonnés horizontalement

j'ai besoin de mettre en œuvre un plan de maçonnerie assez rudimentaire. Cependant, pour un certain nombre de raisons, ... nes), donc je voudrais l'éviter si possible. y a-t-il une nouvelle magie de flexbox qui rend cela possible?
demandé sur 2017-06-05 23:41:22
3
réponses

Garder l'élément du milieu centré lorsque les éléments latéraux ont des largeurs différentes

Imaginez la disposition suivante, où les points représentent l'espace entre les cases: [Le ... n, ce serait l'idéal: .leftBox { justify-self : flex-start; } .rightBox { justify-self : flex-end; }
demandé sur 2015-09-03 17:49:41
1
réponses

Faire des articles flexibles prendre la largeur de contenu, pas la largeur du conteneur parent

j'ai un conteneur <div> avec display: flex . Il a un enfant <a> . Comment faire apparaître ... ontainer"> <a href="#">Test</a> </div> http://codepen.io/donpinkus/pen/YGRxRY
demandé sur 2016-10-19 23:42:44
7
réponses

Comment empêcher un article flex de déborder à cause de son texte? [dupliquer]

cette question a déjà une réponse ici: pourquoi les articles flex ne rétrécissent ... r foo barfoo barfoo barfoo barfoo barfoo barfoo bar</div> <div>foo bar</div> </div>
demandé sur 2012-08-19 01:10:27
2
réponses

Flexbox ne fonctionne pas sur les éléments de bouton ou de fieldset

j'essaie de centrer les éléments internes d'une étiquette <button> avec justify-content: center de flexbox . Mai ... pan>Test</span> </p> </div> et un jsfiddle: http://jsfiddle.net/z3sfwtn2/2 /
demandé sur 2016-02-17 20:49:33
2
réponses

Comment puis-je faire en sorte que la disposition de ma flexbox prenne 100% d'espace vertical?

Comment puis-je dire qu'une ligne de présentation flexbox consomme l'espace vertical restant dans une fenêtre de navig ... contenu ne remplit pas la fenêtre du navigateur, mais puis-je répliquer l'idée en utilisant la mise en page flexbox?
demandé sur 2014-04-15 21:06:21
3
réponses

Flexbox et vertical scroll dans une application pleine hauteur utilisant une nouvelle api flexbox

je veux utiliser une application pleine hauteur en utilisant flexbox. J'ai trouvé ce que je veux en utilisant l'ancien ... 'élément. Je vous suggère de déplacer la barre entre le code css et le résultat pour simuler une hauteur différente.
demandé sur 2013-02-19 20:28:35
7
réponses

Espacement entre les éléments flexbox

C'est ce que je veux: le plus proche que j'ai. application de la marge sur les flexbox it ... ion ( exemple ). est-il un moyen de prendre l'ordre visuel dans compte lors de l'application de la marge?
demandé sur 2014-05-02 21:05:51