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

Problèmes après l'ajout de bordures aux éléments enfants CSS3 flex

Une fois l'élément parent défini sur flex, l'élément enfant {flex:0 0 33.3333%} peut être divisé en trois parties égales dans la même ligne. Cependant, si une bordure est ajoutée à l'élément enfant, seules 2 peuvent être disposées dedans. la même ligne. Flex se dilate et se contracte de manière élas...

漂亮男人 2017-05-16 13:27:46 0  2  976

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

Pourquoi la modification de la taille de la police d'un élément enfant entraîne-t-elle un écart du conteneur flexible par rapport à sa position d'origine ?

Ce problème est très étrange, il se comporte différemment sur les conteneurs normaux et les flexbox. Pourquoi change-t-il la hauteur du conteneur lors de la modification de la taille de la police du premier élément enfant ? Pour une boîte flexible, pourquoi descend-elle ou monte-t-elle d’une certain...

P粉186897465 2023-07-23 15:17:08 0  2  623

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

La liste déroulante du menu V Vuetify s'affiche dans une position incorrecte lors de l'utilisation de la propriété d'échelle CSS

Comme le montre l'image ci-jointe, la position du menu v est au mauvais endroit lors de l'utilisation de la propriété CSS scale. Codepen correspondant : https://codepen.io/satishvarada/pen/YzjGNVZ Des problèmes similaires se produiront lors de l'utilisation du composant v-autocomplete. newVue({el:'#...

P粉983021177 2024-03-19 18:55:15 0  1  409

javascript - Comment mettre à l'échelle la navigation de gauche

Cliquez sur le bouton et cela devient : Est-ce fait à l'aide d'un plugin ? Quel devrait être l'effet de survol si vous utilisez le mode natif ?

三叔 2017-06-30 09:59:54 0  1  836

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

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

Utiliser correctement les propriétés élastiques pour imbriquer les conteneurs élastiques

J'ai quelques problèmes pour utiliser correctement flexbox et j'aimerais avoir des éclaircissements sur l'imbrication des éléments parents et enfants. Je sais que les éléments enfants héritent de la propriété flex de l'élément parent, mais qu'arrive-t-il aux éléments descendants ultérieurs (par exem...

P粉369196603 2023-08-24 11:43:49 0  1  443

Créez des panneaux de signalisation évolutifs en utilisant HTML, CSS et SVG

Je souhaite réaliser un bouton en forme de panneau (un rectangle avec une pointe). _______|\|_______/Je souhaite écrire dynamiquement du texte dans un logo, chaque texte ayant une longueur différente. Si j'essaie cela en utilisant uniquement le graphique comme graphique d'arrière-plan, les flèches s...

P粉555682718 2024-03-31 14:45:14 0  1  471

Malgré l'utilisation de rem, pourquoi la taille de l'élément change-t-elle lorsque j'effectue un zoom avant ou arrière ?

J'implémente un projet dans lequel je mets un bouton dans l'entrée en utilisant la propriété CSSposition et tout fonctionne bien, même si je suis en mode réactif, il n'y a pas de problème et par hasard je veux zoomer - en inspectant quelque chose, je me rends compte que lorsque je zoome in ou out Il...

P粉729198207 2023-09-08 15:06:21 0  1  568

Comment résoudre le problème selon lequel l'attribut d'étirement de la police ne peut pas être démarré

La propriété font-stretch ne fonctionne pas du tout. Voici mon code : <!DOCTYPEhtml><html><head><metacharset="utf-8"><title>font-stretch</title><style>p{font-size:5em;font-family: ' MyriadePro'

P粉676821490 2023-08-26 14:42:23 0  2  531

Popup du centre CSS à l'écran, fonctionne sur les ordinateurs et les tablettes mais pas sur les téléphones

Essayez d'utiliser CSS pour afficher une fenêtre contextuelle d'aide au centre de l'écran. Sur mon ordinateur et mon iPad, cela fonctionne bien, mais sur l'iPhone, la fenêtre contextuelle est centrée verticalement dans tout l'espace vertical de défilement, ce qui signifie que je dois parfois faire d...

P粉662802882 2024-03-28 20:02:46 0  1  394

React MUI remplit les propriétés dans le sens des aiguilles d'une montre

MuiBox n'a aucune propriété d'abréviation de remplissage pour la syntaxe dans le sens des aiguilles d'une montre. Cette syntaxe n'est pas valide et entraînera une erreur de syntaxe.

P粉312195700 2023-07-25 10:17:02 0  1  491

Éliminer l'espacement entre les images dans le conteneur flexible

[duplicata] Réponse ici Image à l'intérieur d'un div avec un espace supplémentaire sous l'image J'affiche des images de différentes tailles sur plusieurs lignes. Exemple ici mais avec des espaces entre les lignes. J'ai beaucoup essayé mais je n'ai pas trouvé la raison. <divclass="muralBox&qu...

P粉921130067 2024-03-27 12:23:19 0  1  365

Problèmes et défis liés à l'alignement des images dans Flexbox

J'ai récemment travaillé sur une page d'accueil que j'ai développée moi-même et j'ai quelques difficultés à aligner mes éléments dans une flexbox. La première flexbox doit contenir trois (3) images et toutes les images doivent être alignées verticalement les unes en dessous des autres. C'est égaleme...

P粉068510991 2024-02-26 00:26:26 0  2  479

MUI : aligner et ajuster le centre de l'image dans flexbox

Pourquoi mon image est-elle centrée mais pas alignée ? Je suis confus..<Boxsx={{display:'flex',minHeight:'100vh',alignItems:'center',flexGrow:1,}}><ContainermaxWidth="sm"><imgsrc="https:/ / static.vecteezy.com/system/r

P粉550323338 2023-09-08 18:20:02 0  2  537