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

flexbox...

Sur une fenêtre assez large, le contenu de l'élément 'flex-container' - 'George Zuberi' - reste centré horizontalement grâce à justify-content: center;. Cependant, lorsque vous réduisez beaucoup la fenêtre, cela échoue. Il a besoin de text-align: center; pour rester centré horizontalement. Pourquoi ....
3 juin 2020 à 15:30
Débutant absolu ici. J'essaie de faire en sorte que mes éléments de liste de barre de navigation se répartissent uniformément le long du fond du conteneur de navigation. J'essaye de le faire spécifiquement dans flexbox. Justify-content: espace-entre; c'est ce que j'ai essayé mais il ne semble pas vo....
2 juin 2020 à 14:07
J'ai un texte de titre et une icône. J'ai besoin d'aligner l'icône vers la gauche si le titre peut accueillir en une seule ligne. Si le titre couvre plus d'une ligne, je dois aligner l'icône vers le haut. J'ai trouvé une solution en utilisant Javascript, en ajoutant une classe dynamique basée sur la....
28 mai 2020 à 11:05
Je suis un développeur Web débutant et j'ai récemment commencé à utiliser Flexbox. Je trouve que c'est un excellent outil à utiliser mais j'ai un léger problème. J'ai une image que je souhaite mettre sur mon site, avec une colonne de texte à côté à droite. Comme vous pouvez le voir dans le code ci-d....
25 mai 2020 à 19:30
Pour clarifier, j'ai placé un titre au centre d'une page de destination en plein écran. Je voudrais maintenant placer un autre élément (disons un div) au bas de la page. Cela ressemblerait à quelque chose comme ça, +---------------------------------+ | | | ....
23 mai 2020 à 17:45
J'essaye de concevoir ma flexbox pour avoir 3 colonnes sur un grand écran et 2 colonnes sur un écran mobile (voir image 1 et 2 ci-dessous). Voici mon JS Fiddle et mon code: https://jsfiddle.net/kwxj83v6/6/ Cela fonctionne bien sur grand écran, mais ne peut pas le rendre correctement sur petit écran....
23 mai 2020 à 08:31
<div class="col-12 col-md-7">column md-7</div> <div class="col-12 col-md-1">spacer md-1</div> <div class="col-12 col-md-4">column md-4</div> Je me suis porté volontaire pour travailler sur une page pour une conférence sur l'accessibilité. Les organisateurs ont utilisé un générateur de page "glisser....
18 mai 2020 à 16:18
J'ai besoin de créer un en-tête. Capture d'écran: J'ai besoin de transformer des images comme des flèches. J'ai essayé d'utiliser justify-content (propriétés: space-between) et align-content (flex-end), mais sans succès. Les images n'ont bougé avec aucune propriété. Quel problème? Je viens de comme....
14 mai 2020 à 08:47
Je travaille avec la version mobile de ce site et je suis coincé avec une tâche très simple: centrer le logo dans l'en-tête. J'essaye d'utiliser flex puis justify-content:center;. Voici le "code": <header> <div class="container center-me"> <div class="responsive-logo"></div> ....
5 mai 2020 à 01:44
Assez simple, cherchant à aligner du texte sur la gauche et d'autres sur la droite. Pour cela, j'ai pensé utiliser flexbox avec le code suivant: return ( <TouchableOpacity disabled={isLoading}> <View style={styles.container}> <View style={styles.venueImageContainer}> {isLoading ? ( ....
4 mai 2020 à 22:34
J'essaie de mettre en œuvre une barre latérale avec une largeur statique et une flexbox. J'ai deux problèmes: Lorsque la barre latérale est fermée, il reste de l'espace et je ne comprends pas d'où cela vient. Le côté main n'est pas animé. Il a été poussé sans animation. Voici mon code: const aside....
3 mai 2020 à 09:45
Comme le titre l'indique: j'ai un certain nombre de div dans une disposition de colonne, et je voudrais qu'ils se développent pour correspondre à la hauteur d'origine du parent. Le parent n'a pas de hauteur fixe, car il fait partie d'une mise en page flexible. Est-ce possible? Dans l'exemple ci-join....
1 mai 2020 à 14:49
J'essaie d'adapter mes boutons à l'écran du mobile, mais pour une raison quelconque, ça n'a pas l'air. L'arrière-plan ne continuera pas vers le bas. Pouvez-vous m'indiquer où je me suis trompé? Le div des boutons est à l'intérieur d'un formulaire si cela aide. J'utilise des lignes, puis 3 col-md-....
30 avril 2020 à 20:10
Im apprentissage flexbox et j'ai un problème. Je veux faire h1, p, bouton le centre d'alignement et également le positionnement du logo en haut sur la marge supérieure 1em comme ça. Fondamentalement, h1, p, centre de positionnement des boutons et positionnement du logo en haut à partir du haut de la....
29 avril 2020 à 22:56
J'essaie de créer un fil d'Ariane (boutons suivis d'une seule plage) pour que l'utilisateur navigue dans une structure de répertoire. Je voudrais fournir ceci dans une disposition horizontale avec les propriétés suivantes: S'il y a suffisamment d'espace pour tous les boutons / texte, affichez tous l....
24 avril 2020 à 20:43
J'ai actuellement une mise en page qui a une colonne représentant une navigation et une autre colonne qui représente le contenu. .bg-1{ background-color:orange; height: 400px; overflow-y: auto; } .bg-2{ background-color: red; height: 200px } .row{ align-items:flex-start....
22 avril 2020 à 12:29
Dans l'écran de très petite taille, je veux que la marque navbar et navbar-nav soient empilées verticalement. <nav class="navbar navbar-dark navbar-expand-sm bg-primary fixed-top"> <div class="container"> <a class="navbar-brand" href="#">Ristorante Con Fusion</a> <ul class="navba....
21 avril 2020 à 13:05
J'ai une flexbox avec 4 divs internes contenant des images et du texte. la flexbox est autorisée à boucler avec: flex-wrap: wrap Dans un écran d'ordinateur portable normal, les éléments sont dans une rangée comme: Article article article article, Lorsque la fenêtre est réduite, le dernier élément fl....
21 avril 2020 à 09:09
J'ai .submission-detail conteneur, que je veux faire défiler horizontalement. J'ai vu et implémenté des solutions sur SO, mais clairement aucune n'a fonctionné. Voici le lien Codepen - https://codepen.io/yashwp/pen/rNOMjdw <div class="submission-details"> <div class="submission-details-item"> ....
20 avril 2020 à 14:54
Je ne peux pas aligner verticalement le texte à l'intérieur d'une balise comme vous pouvez le voir ici. navigation-item__link { color: #000; text-decoration: none; display: flex; justify-content: center; align-items: center; background-color: #ccc; } <a class="navigation-item__l....
17 avril 2020 à 01:35
J'essaie d'utiliser flexbox afin de rendre la fenêtre contextuelle de ma boîte de dialogue modale. J'ai suivi les exemples donnés par Froggy mais j'ai un petit problème que je ne peux pas résoudre. Je voudrais donc demander de l'aide s'il vous plaît. Voici ce que je veux faire: :host{ position....
9 avril 2020 à 19:46
Je n'arrive pas à comprendre comment centrer les listes pour les petits appareils. il ne reste pas au centre, il y a toujours un espace supplémentaire, j'ai utilisé le CSS d'alignement de texte et cela n'a toujours pas fonctionné. Je pense que mon approche pour créer des colonnes réactives est fauss....
7 avril 2020 à 02:05
J'essaie de centrer les colonnes à l'intérieur d'une rangée mais elles ne se centreront pas. J'ai déjà essayé de changer le code plusieurs fois mais je n'arrive pas à trouver l'erreur. J'ai déjà essayé de justify-content:center et align-items:center dans les classes "services" et "section-3" et cela....
2 avril 2020 à 18:47
Pourquoi les blocs .b ont une largeur différente? Comment la mettre égale? .parent { display: flex; } .parent>div { flex: 1 1 auto; } .parent .b { display: flex; } <div class="parent"> <div class="cell"> <div class="b"></div> </div> <div class="cell">> <div cla....
30 mars 2020 à 20:48
J'ai une barre de navigation non fixe et deux colonnes. Avec une disposition de bureau, il n'y a pas de problème, mais lorsque je teste la réactivité à partir d'une taille d'écran mobile, j'ai besoin de la colonne A pour remplir la hauteur de la fenêtre restante et la colonne B pour passer sous la c....
27 mars 2020 à 22:04