Entwicklertools-Tipps: CSS-Raster prüfen
Mit Sammlungen den Überblick behalten
Sie können Inhalte basierend auf Ihren Einstellungen speichern und kategorisieren.
Mit den Chrome-Entwicklertools können Sie CSS-Rasterlayouts mithilfe einer Vielzahl von Visualisierungsoptionen intuitiv debuggen.
Im Video erfahren Sie, wie Sie das Raster-Overlay im Bereich Elemente ein- und ausblenden und wie Sie es für Folgendes verwenden:
- Rasterlayouts visualisieren und prüfen
- Hier sehen Sie die Zeilen- und Spaltennummern, die Sie beim Platzieren von Rasterelementen verwenden können.
- Verwenden Sie Linien- und Gebietsnamen und sehen Sie sie sich im Overlay an, wenn Sie viele Rasterelemente haben und die Zahlen verwirrend sind.
- Prüfen Sie die Track-Größen.
Außerdem können Sie mit dem Raster-Editor im Bereich Elemente > Styles Elemente und ihren Inhalt mit nur einem Klick in einem Rasterlayout ausrichten, anstatt CSS-Regeln einzugeben.
Wenn Sie das in der Praxis erleben möchten, folgen Sie dem Tutorial CSS-Raster prüfen.
Sofern nicht anders angegeben, sind die Inhalte dieser Seite unter der Creative Commons Attribution 4.0 License und Codebeispiele unter der Apache 2.0 License lizenziert. Weitere Informationen finden Sie in den Websiterichtlinien von Google Developers. Java ist eine eingetragene Marke von Oracle und/oder seinen Partnern.
Zuletzt aktualisiert: 2022-08-18 (UTC).
[[["Leicht verständlich","easyToUnderstand","thumb-up"],["Mein Problem wurde gelöst","solvedMyProblem","thumb-up"],["Sonstiges","otherUp","thumb-up"]],[["Benötigte Informationen nicht gefunden","missingTheInformationINeed","thumb-down"],["Zu umständlich/zu viele Schritte","tooComplicatedTooManySteps","thumb-down"],["Nicht mehr aktuell","outOfDate","thumb-down"],["Problem mit der Übersetzung","translationIssue","thumb-down"],["Problem mit Beispielen/Code","samplesCodeIssue","thumb-down"],["Sonstiges","otherDown","thumb-down"]],["Zuletzt aktualisiert: 2022-08-18 (UTC)."],[],[],null,[]]
