Ich erwarte, dass dieser Code den Inhalt sowohl vertikal als auch horizontal zentriert.
Es tut das, aber sobald ich das Fenster kleiner mache (mobile Größe), ändert sich die Ausrichtung des Textes ( h1 und p ) nach links.
Fehle ich etwas sehr Grundlegendes? Ich kann text-center sagen, dann funktioniert es, aber ich möchte selbst keine CSS-Stile hinzufügen.
Für mich funktioniert es wie es in der neuesten Version von Chrome sein sollte. Ich würde sagen, dass dies ein Browserkompatibilitätsproblem ist. Angular Material hat eine ganze Menge Bugs, da es noch sehr neu ist.
Ich habe vor nicht allzu langer Zeit eckiges Material in meine Seite eingefügt und eine anständige Menge von css-Hacks benutzt (einige Bugs, einige nicht).
Versuche natürlich, die nativen Dinge zu benutzen, wenn du kannst, aber ein kleiner CSS-Hack sollte in Ordnung sein, bis er behoben ist. Lassen Sie mich wissen, ob das Problem weiterhin besteht!
Als das Gleiche für mich passierte, verglich ich das Beispiel mit Layout-Beschreibungen
Es stellt sich heraus, dass ich ein "flex" Element als Kinder verwendet habe. Das bricht die zentrierte Ausrichtung. Entfernen Sie es.
Tags und Links html angularjs material-design angularjs-material