flexbox

5ısı

1cevap

Yuvalanmış flexbox divs kullanarak takvim düzeni - istiflenmeyen konteynerler

Yıllar, aylar, günler için beklenen kutucuğa ulaşmakta güçlük çekiyor olsam da, esnek bir kutu kullanarak bir takvim başlığı oluşturmaya çalışıyorum. Neyi yanlış yapıyorum? HTML'yi nasıl yapılandırdım

13ısı

2cevap

CSS3 Flexbox aralıkları arasındaki boşluk

Flexbox için biraz yeni olmak (CSS'de deneyimliyse de), okudum çoğu öğretici tarafından uygun bir şekilde "göze çarpan" bir şey esnek öğeler arasındaki boşluk. Örneğin, en çok alıntı yapılan derslerde

5ısı

1cevap

DOM Öğeleri var ancak bazı CSS özelliği değiştirilinceye kadar görülemiyor

Webapp için karmaşık bir prototip oluşturuyorum (iPhone'uma dağıtmak için Cordova kullanıyorum) ve şu soruna sahibim: DOM Öğeleri (JavaScript kullanılarak oluşturulmamış, ancak statik HTML dosyasında

8ısı

1cevap

Yeniden boyutlandırılabilir ve sıralanabilir elemanlarla esnek kutu ile duvar benzeri bir düzene sahip olmanın seçenekleri nelerdir

Açısal uygulamasında, bir <ul> ürününü sıralamak için ui-sıralanabilir kullanıyorum. Öğelerin kendisi yeniden boyutlandırılabilir. Bu aldığım kurulum benzer: Ve "4" ve "5" üstlerinde yer kullanmasını

13ısı

2cevap

Esnek kutunun daralmasını önleme

büyüyen davranışı yararlı olduğundan, bir sayfayı düzenlemek için flexbox kullanıyorum. Ama davranışını daraltmayı tamamen engellemek isterim. Her neyse bunu yönetmek için? örnek kod: <div class="flex

5ısı

2cevap

CSS: arama kutusu otomatik ben resmin altında bir düzeni tasarlamak isteyen flexbox'a

kullanarak pencereleri boyutuna tabanını yeniden boyutlandırmak olacak: bu düzendeki gibi , bu benim başlıktır. Siyah dikdörtgen, sabit genişlikte bazı bileşenler (düğmeler, bağlantı ...) ve kırmızı d

13ısı

3cevap

daima flexbox'a

ile en az iki ürün sarın this example bir göz atın Tüm öğeleri sarmak için flex-flow: row wrap; bir FlexBox kapsayıcı var. Bu neredeyse istediğim şey. o sarmak başlar , ikinci satıra 6 tamamladı madde

25ısı

3cevap

Esnek kutu öğeleri aynı boyutta nasıl oluşturulur?

Aynı genişlikte birkaç öğe içeren flexbox kullanmak istiyorum. Bu esnek kutunun, uzayı uzaydan ziyade eşit olarak dağıttığını fark ettim. Örneğin : .header { display: flex; } .item {

12ısı

1cevap

Flexbox IE10 genişlik sorunları

Sorun, IE10'da satır içindeki sütunların genişliğinin yanlış hesaplanmasıdır; sütun kenarlarının genişliğine eklenir (toplam 80px'de), ancak Firefox ve Chrome'da mükemmel bir şekilde hesaplar ve 1260p

6ısı

4cevap

Duyarlı ızgara Yerli & Flex

Ben ızgara oluşturma hakkında bu yazı gördüm En basit iki sütunlu tablo ListView item | item item | item oluşturmak istediğiniz ediyorum Tepki ve bu çalıştı - ListView grid in React Native Ben 'ede