«css-grid» etiketlenmiş sorular

CSS Grid ile basit bir sayfa oluşturmaya çalışıyorum. Yapamayacağım şey, HTML'den ilgili ızgara hücrelerine metni ortalamaktır. Ayrı içinde yerleştirme içeriği denedim divs içini ve dışını her iki left_bgve right_bgboşuna CSS özellikleri bazılarıyla seçicileri ve oynamaya. Bunu nasıl yaparım? html, body { margin: 0; padding: 0; } .container { display: grid; …

181 html  css  centering  css-grid 

TL; DR:table-layout: fixed CSS ızgaraları gibi bir şey var mı ? Aylar için büyük bir 4x3 ızgara ve günler için iç içe geçmiş 7x6 ızgaralarla bir yıl görünümü takvimi oluşturmaya çalıştım. Takvim sayfayı doldurmalıdır, böylece yıl ızgarası kapsayıcısı her birinin genişliği ve yüksekliği% 100 olur. .year-grid { width: 100%; height: …

165 css  grid-layout  css-grid 

Oldukça sıradan bir duvar düzeni uygulamam gerekiyor. Ancak, birkaç nedenden dolayı bunu yapmak için JavaScript kullanmak istemiyorum. Parametreler: Tüm elemanlar aynı genişliğe sahiptir Öğelerin, sunucu tarafında hesaplanamayan bir yüksekliği vardır (bir görüntü artı çeşitli miktarlarda metin) Mecbur kalırsam sabit sayıda sütunla yaşayabilirim modern tarayıcılarda, çalışan bu önemsiz bir çözüm yoktur …

134 html  css  flexbox  css-grid 

Medya sorgularını kullanmadan CSS ızgara sargısı yapmak mümkün mü? Benim durumumda, bir ızgaraya yerleştirilmesini istediğim deterministik olmayan sayıda öğem var ve bu ızgaranın sarılmasını istiyorum. Flexbox'ı kullanarak işleri güvenli bir şekilde yerleştiremiyorum. Ben de bir dizi medya sorgusundan kaçınmak istiyorum. İşte bazı örnek kodlar : .grid { display: grid; grid-gap: …

126 html  css  css-grid 

Bunu Flexbox kullanarak elde etmenin imkansız olduğunu anlıyorum, çünkü her satır yalnızca öğelerine uyması için gereken minimum yükseklik olabilir, ancak bu daha yeni CSS Izgarası kullanılarak elde edilebilir mi? Açık olmak gerekirse, sadece her satır için değil, tüm satırlarda bir ızgaradaki tüm öğeler için eşit yükseklik istiyorum. Temel olarak, en …

113 css  flexbox  grid-layout  css-grid 

Bir <button>etiketin iç öğelerini flexbox'larla ortalamaya çalışıyorum justify-content: center. Ancak Safari onları ortalamıyor. Aynı stili diğer tüm etiketlere uygulayabilirim ve amaçlandığı gibi çalışır (bkz. <p>-Tag). Yalnızca düğme sola hizalanır. Firefox veya Chrome'u deneyin ve farkı görebilirsiniz. Üzerine yazmam gereken herhangi bir kullanıcı aracısı stili var mı? Ya da bu soruna …

91 html  css  safari  flexbox  css-grid