Centrer les éléments flexibles dans un conteneur lorsqu'ils sont entourés d'autres éléments flexibles

J'ai une flexbox (voir l'extrait de code ci-dessous à titre d'exemple). Je veux le configurer de telle sorte que dans tous les cas, au centre de la flex-box, les autres travées circuleront autour d'elle, en fonction de leurs marqueurs. Je recherche essentiellement du code align-selfCSS, mais pour l'...

P粉042455250 2023-08-25 14:40:25 0  2  559

Utilisez des boîtes flexibles sous film rétractable pour emballer les éléments flexibles afin qu'ils puissent être centrés.

J'ai une flexbox avec du contenu emballé. Comment réduire une flexbox à son contenu ? Le problème fondamental que j'essaie de résoudre est le centrage de la flexbox. Cette image décrit mon problème : Comment puis-je atteindre cet objectif ? Est-ce que cela peut être réalisé avec du CSS pur ? Je ne s...

P粉807239416 2023-09-13 15:26:47 0  1  608

Placez des blocs réactifs dans des colonnes flexibles

J'ai un site Web de jeux qui comporte un en-tête, un tableau et un pied de page. J'ai besoin que les trois s'inscrivent dans la fenêtre. Le conseil d'administration devrait être plus petit pour y parvenir. La minification est le problème que j'ai. J'ai réussi à rendre la largeur réactive mais pas la...

P粉545682500 2023-09-03 19:51:51 0  2  630

Aligner les éléments flexibles dans les lignes en utilisant l'espacement spécifié

J'ai deux lignes contenant des <div>, chaque ligne a display:flex; et chaque ligne contient plusieurs éléments <div> enfants. Dans l'exemple ci-dessous, vous pouvez voir que dans la première ligne il y a 2 éléments (la case verte intitulée « élément ») et leur échelle est de 6/3. Dans la...

P粉354948724 2023-09-17 19:34:16 0  1  653

Pourquoi les éléments flexibles ne sont-ils pas réduits au-delà de la taille du contenu ?

J'ai 4 colonnes flexbox et tout fonctionne bien, mais lorsque j'ajoute du texte aux colonnes et que je le règle sur une grande taille de police, les colonnes sont plus larges qu'elles ne devraient l'être en raison des propriétés flex. J'ai essayé d'utiliser word-break:break-word et cela m'a aidé, ma...

P粉242126786 2023-08-27 16:35:08 0  2  558

Pourquoi les éléments flexibles ne peuvent-ils pas être réduits en dessous de la taille du contenu ?

J'ai 4 colonnes flexbox et tout fonctionne bien, mais lorsque j'ajoute du texte aux colonnes et que je le règle sur une grande taille de police, les colonnes sont plus larges qu'elles ne devraient l'être en raison des propriétés flex. J'ai essayé d'utiliser word-break:break-word et cela m'a aidé, ma...

P粉038161873 2023-10-15 22:06:39 0  2  784

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  430

Pourquoi les éléments flexibles ne peuvent-ils pas être réduits à une taille inférieure à la taille du contenu ?

J'ai 4 colonnes flexbox et tout fonctionne bien, mais lorsque j'ajoute du texte à une colonne et que je la règle sur une grande taille de police, la colonne est plus large qu'elle ne devrait l'être en raison de la propriété flex. J'ai essayé d'utiliser word-break:break-word, cela m'a aidé, mais lors...

P粉432906880 2023-08-21 22:36:03 0  2  547

javascript - js génère automatiquement une structure de répertoires basée sur le fichier de configuration

Actuellement, nous initialisons la bibliothèque de composants. Afin d'être flexibles, nous avons besoin d'une structure de répertoires d'initialisation rapide. Le fichier de configuration de la structure de répertoires angulaire2 actuellement utilisée peut être le suivant + grille - col - grille - l...

typecho 2017-06-24 09:43:49 0  3  1722

Guide sur la façon d'envelopper le deuxième élément flexible autour du premier élément dans Tailwind CSS

J'ai un conteneur flexible contenant deux éléments flexibles. Le premier élément flexible doit déterminer la largeur du conteneur et le deuxième élément flexible doit l'entourer. J'utilise Tailwind CSS pour le style, mais je n'arrive pas à obtenir la mise en page souhaitée. Voici mon code actuel : j...

P粉156983446 2023-08-02 18:31:22 0  1  496

Disposez les images dans une disposition 2x1x2x1x2

Je souhaite aligner les images dans un format de grille 2x1x2x1x2 comme indiqué sur l'image, mais les images se répètent et je n'arrive pas à comprendre comment les obtenir comme ça. Je ne connais pas très bien le fonctionnement des grilles et je n'arrive pas à le comprendre. Je les ai rendus flexib...

P粉788765679 2024-03-22 09:20:14 0  1  387

javascript - Le code pour modifier l'image de la boîte dans la liste déroulante.

Désolé pour la partie corps de la partie js ci-dessus, je ne sais pas pourquoi je ne peux pas copier le code, donc je ne peux poster que des photos.

阿神 2017-05-19 10:41:50 0  2  685

Comment ionic2 utilise-t-il les styles d'iOS sur la plateforme Android

Les styles par défaut des composants Android sont trop laids. Comment puis-je utiliser les styles par défaut d'iOS sur la plateforme Android ?

ringa_lee 2017-05-19 10:41:51 0  1  598

javascript - Existe-t-il un excellent outil de point d'arrêt sur NPM?

Un outil qui est un sur-ensemble de console.log, comme dump sur PHP composer ?

曾经蜡笔没有小新 2017-05-19 10:41:53 0  1  509

javascript - Comment Webpack bloque-t-il globalement la valeur de hachage de cette build pour une utilisation par le code JS ?

Lorsque j'utilise webpack pour construire, je souhaite stocker la valeur de hachage dans une variable globale afin que les js des autres modules puissent être appelés. J'ai essayé de le configurer. Seul le fait de le mettre dans le nom du fichier, tel que la sortie : 'a[hash].js', aura l'effet mais ...

为情所困 2017-05-19 10:41:55 0  1  575

javascript - Comment jQuery implémente-t-il le préchargement des effets sonores sur les pages mobiles?

L'animation de la page mobile sera accompagnée d'effets sonores. Le premier chargement de musique entraînera un retard dans les effets sonores. Comment résoudre ce problème ?

phpcn_u1582 2017-05-19 10:41:56 0  2  646

javascript - Date.parse, différents formats de date, différents problèmes de sortie

Je suppose que le 04/04/2017 est analysé en fonction du fuseau horaire local et que le 14/04/2017 est analysé en fonction de l'heure de Greenwich car le fuseau horaire n'est pas spécifié ? ? ? ? ? Si c'est parce que la date saisie ne précise pas de fuseau horaire, l'analyse est différente. En ajouta...

世界只因有你 2017-05-19 10:41:58 0  1  594

javascript - S'il vous plaît, parlez-moi du problème lié à la modification de la fonction de rappel de JQ pour promettre une implémentation

Segment de code 1 {Code...} Lorsque j'encapsule $.ajax dans une fonction, le prepayment_operational tapé à l'aide de la promesse n'est pas défini. Extrait de code 2 {Code...} Lorsque j'écris directement en ajax, je peux obtenir la valeur que je souhaite. Et quand j'ai mis {code...} dans l'extrait 1....

漂亮男人 2017-05-19 10:41:59 0  2  727

javascript - Confusion lors du passage des paramètres dans React

J'étais confus en regardant les exemples donnés par draft-js. Je transmets généralement les paramètres directement {code...} Exemple de démarrage rapide officiel {code...} Vous voulez savoir comment le paramètre editorState est transmis à la fonction onChange ? J'ai essayé {code...} et il n'y a pas ...

漂亮男人 2017-05-19 10:42:01 0  4  556

javascript - diagramme de pile d'attributs js

Ci-dessus : obj stocke une adresse pointant vers un objet dans le tas. Alors, comment obj.a est-il représenté par une pile ? Ce serait mieux d'avoir une photo, merci !

滿天的星座 2017-05-19 10:42:02 0  1  610