Bu retorik değil: CSS çok sütunlu mizanpajlar için harika kullanım örnekleri bulmakla gerçekten ilgileniyorum.
Cevap basit görünüyor. Herhangi bir içeriği sütunlara bölmek istediğinizde sütunları kullanın, değil mi? Burada, genellikle, CSS çok sütunlu mizanpajların nasıl çalıştığını gösteren makalelerde bulacağınız türden bir örnek vardır. almanak:
Kesinlikle doğru. Ama bu gerçek bir kullanım durumu mu? Mmmm belki. Metin nispeten kısaysa, belki de hoş bir dokunuş. Web sitemi yeniden tasarlarken kendime böyle sattım. bir kaç yıl önce. Bugün öyle değil, ama o zaman böyle görünüyordu:
Ancak uzun biçimli bir makalenin tamamı sütunlara bölünmüş mü? Gazetelerde seviyorum ama bir sütunu okumak için bir web sayfasını aşağı kaydırmaktan çekiniyorum, sadece tekrar yapmak için geri kaydırmak için.
Sanırım bunu iki elemanı yan yana yerleştirmek için kullanabiliriz ama flexbox bunun için çok daha uygun. Ayrıca, bir sınırlama, sütunları ayrı ayrı boyutlandırmak için seçmemizi engeller. Sütunlar aynı genişlikte olmalıdır.
Sütunların sahip olduğu bir şey, bunların, yalnızca CSS mizanpaj yöntemi olmalarıdır. parçaları içerik. (Yani, saymazsak CSS Bölgeleri… onlara ne oldu, zaten?!) Yani, bir paragrafı sütunlara bölmek istiyorsanız, ek sarmalayıcılar olmadan zaten mümkün.
Sürekli bir içerik bloğunu başka ne zaman sütunlara bölmeniz gerekebilir? Büyük bir sırasız öğe listem olduğunda bunu yapmam gerektiğini hatırlıyorum. Listelerin içeriğin taranmasını kolaylaştırmasını seviyorum, ancak uzun listeler sayfanın bir tarafının çok ağır görünmesine neden olabilir. Örneğin, CSS-Tricks için tüm gönderi etiketlerini alfabetik gruplar halinde listelediğimizi varsayalım. Çok sütunlu bir düzen bunun için güzel bir şekilde çalışır:
Devam edin ve görünüm alanı genişliğini yeniden boyutlandırmayı deneyin. Üç sütun tanımlanmıştır, ancak sayı, kullanılabilir alan miktarına göre değişecektir. Medya sorgusu çalışması olmadan tüm bu duyarlı iyiliği sevmeliyim!
için bir demo üzerinde çalışıyordum. :left sözde sınıf ve ulaşılan columns çünkü bu, demoları yazdırmak için şeyleri parçalara ayırmanın harika bir yolu. Yani, sanırım başka bir kullanım durumu var. Ve bir demo yaparken, bir resim galerisi gibi bir duvar öğeleri ızgarası oluşturmak için çok sütunlu bir düzenin kullanılabileceğini fark ettim:
Ama başka ne var? Kısa paragraflar, uzun listeler ve serbest akışlı ızgaralarla sınırlı mıyız?
