«flexbox» etiketlenmiş sorular

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 

Esnek öğelerin ortalanmasını istiyorum, ancak ikinci bir çizgimiz olduğunda, 5'in (aşağıdaki görüntüden) 1'in altında olmasını ve üst öğede ortalanmamasını istiyorum. İşte sahip olduğum şeylere bir örnek: ul { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; margin: 0; padding: 0; } li { list-style-type: none; border: 1px solid gray; margin: …

91 html  css  flexbox 

Gördüğünüz gibi list-items, ilki rowaynı height. Ancak ikincideki öğeler rowfarklıdır heights. Tüm eşyaların üniforma olmasını istiyorum height. Bunu sabit yükseklik vermeden ve sadece flexbox kullanarak başarmanın bir yolu var mı? İşte benim code .list { display: flex; flex-wrap: wrap; max-width: 500px; } .list-item { background-color: #ccc; display: flex; padding: 0.5em; …

91 html  css  flexbox 

Flexbox kullanarak bir DIV'yi başka bir DIV içinde ortalıyorum. Gerektiğinde ekranın ortasında açılan bir iletişim penceresi düşünün. İyi çalışıyor, ancak iletişim kutusunun üstündeki ve altındaki alan tam olarak eşit değilse, kalan alanın% 40'ının iletişim kutusunun üstünde ve% 60'ın altında olması daha iyi görünecektir. İletişim yüksekliği, içindeki metin miktarına göre değiştiği …

23 html  css  flexbox  centering 

Ben bir görüntü ve metin yukarıda ve altında bir menü sistemi oluşturmaya çalışıyorum. Veriler dinamiktir. Menü sisteminin, her bir görüntünün birbirinden eşit mesafede olması ve böylece hem yatay hem de dikey bir görüntü ızgarasında sıralanması için görünmesini istiyorum. Sorun metindir. Metin görüntüden daha uzunsa, div büyütülür. Ancak, görüntüler artık birbirleriyle …

17 html  css  flexbox 

Seçilen bir div genişletmek ve diğer divs (kalan genişlik sabit olan ilk biri hariç) eşit olarak uzanan tarafından buna göre davranmasını sağlar bir komut dosyası (burada bir kullanıcı yardımıyla) kodladı. İşte elde etmek istediğim şeyin bir resmi: Bunun için esneklik ve geçişler kullanıyorum. İyi çalışır, ancak jQuery komut dosyası "% …

9 javascript  jquery  css  flexbox  css-transitions 

Aşağıdaki özelliklerle farklı boyutlarda görüntü ve oranlara sahip bir resim galerisi görüntüleme: Görüntüler arasında boşluk (kenar boşluğu) yok. Orijinal orana olabildiğince saygı duymak. Bir bağlantı ile çevrili görüntüler. JS dışı çözüm. Görüntüler biraz kırpılabilir. Taşınabilir çözüm. Görüntülenen görüntü kümesi rastgele. Görüntüler soldan sağa gösterilmelidir (sütun kullanımını önler). Bunu aşağıdaki flexbox …

9 css  flexbox  image-gallery