Das ist keine rhetorische Frage: Ich bin wirklich daran interessiert, großartige Anwendungsfälle für CSS-Mehrspaltlayouts zu finden.
Die Antwort scheint einfach zu sein. Spalten verwenden, wenn Sie Inhalte in Spalten aufteilen möchten, richtig? Hier ist im Allgemeinen die Art von Beispiel, die Sie finden werden ...
Es gibt viele Grids im Web, die so aussehen
.grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
}Meine Botschaft ist, dass sie eigentlich sein sollten
.grid {
display: grid;
grid-template-columns: repeat(3, minmax(10px, 1fr));
}
Es gibt einige interessante CSS-Tricksereien in Jason Pamentals neuestem Web Fonts & Typography News. Jason wollte wischbare Spalten in sein digitales Bucherlebnis auf Mobilgeräten bringen. Dies wirft sofort eine interessante Frage auf... wie richtet man ...
Spalten sind eine großartige Möglichkeit, Inhalte flüssig und ausgewogen darzustellen. Leider fließen nicht alle Elemente anmutig. Manchmal bleiben Elemente zwischen Spalten hängen.
Glücklicherweise können Sie dem Browser mitteilen, dass bestimmte Elemente mit break-inside zusammengehalten werden sollen.
li {
-webkit-column-break-inside: avoid;
