0
votes

L'utilisation de
balise la grille de l'interface utilisateur du matériau

J'essayais d'utiliser

pour envelopper mon élément qui est à l'intérieur du mais j'ai remarqué que cela brisera mon !, j'ai essayé la même chose dans le système de grille bootstrap, mais ce problème ne s'est pas produit,

https://codesandbox.io/s/material-demo-6zet4 ? FontSize = 14

La chose est que je dois utiliser div pour donner un style à mes éléments à l'intérieur de la grille mais comme vous pouvez le voir dans le code codesandbox , le , le Grille se casse après avoir utilisé le div , comment puis-je gérer cela?, Devrais-je utiliser un remplacement pour div ou y a-t-il une sorte d'accessoires pour Grille qui peut résoudre ce problème?


0 commentaires

3 Réponses :


0
votes

Le problème est la flexbox, il se casse car votre div ne dispose pas des propriétés dont il a besoin.

.MuiGrid-spacing-xs-3 {
    width: calc(100% + 24px);
    margin: -12px;
}


0 commentaires

0
votes

Je ne sais pas ce que vous attendez en résultat, mais vous pouvez faire est d'ajouter largeur: 100% à votre div. Une autre option serait d'ajouter les mêmes classes A Grid , ce serait Muigrid-racine muigre-item Muigrid-grid-xs-12

résultat: Option 1

Options 2


0 commentaires

0
votes

Ajoutez simplement vos styles de bordure à classes.paper

Il semble de votre exemple que vous pouvez simplement ajouter la bordure au papier à l'intérieur de l'élément de grille pour obtenir Le style souhaité. xxx

Si vous souhaitez plusieurs classes sur un élément, utilisez l'interpolation de chaîne: xxx


0 commentaires