flexbox hakkında sorular

5
cevaplar

CSS Flexbox'ta neden "haklı çıkar-öğeler" ve "haklı çıkar-kendini" özellikleri yok?

bir flex kabın ana ekseni ve çapraz ekseni düşünün:                                              ... na soruyu tekrarlayarak sona ereceğim: neden "justify-ıtems" ve "justify-self" özellikleri yok?
tarihinde sordu 2015-09-13 18:30:27
8
cevaplar

Flexbox çocukları ebeveynlerinin %100 yüksekliği nasıl yapılır?

bir flexbox içindeki bir flex öğesinin dikey alanını doldurmaya çalışıyorum. .container { height: 20 ... flex-2-child , olarak da bilinen bir konuma sahiptir Bu şu anda Chrome veya Firefox'ta çalışmıyor.
tarihinde sordu 2013-03-13 13:19:00
5
cevaplar

Bir flexbox içindeki metni dikey olarak hizalamak nasıl?

bazı içeriği <li> içinde dikey olarak hizalamak için flex box kullanmak istiyorum, ancak büyük bir başarıya sahi ... kground: silver; width: 100%; height: 20%; } <ul> <li>This is the text</li> </ul>
tarihinde sordu 2014-08-14 19:11:24
6
cevaplar

Ekran arasındaki fark:ınline-flex ve ekran: flex

ben display:inline-flex; özelliğini anlamada zorluk var . display:inline-flex; ve display:flex; arasındaki fark ... <footer>footer</footer> </div> </body> Jsfiddle Örneği fark nedir?
tarihinde sordu 2014-12-11 11:12:46
6
cevaplar

Tek bir flexbox öğesi (geçersiz kılma) haklı nasıl-content)

bir flex öğesi için align-items ile align-self geçersiz kılabilirsiniz. Flex öğesi için justify-content geçersiz ... nasıl yapılabilir? bu en iyi Bu yazı tarafından cevaplandı: https://stackoverflow.com/a/33856609/269396
tarihinde sordu 2014-05-13 05:55:25
3
cevaplar

Chrome / Safari, flex parent'in %100 yüksekliğini doldurmuyor

belirli bir yüksekliğe sahip dikey bir menüye sahip olmak istiyorum. her çocuk ebeveynin yüksekliğini doldurm ... gt; <div class="item-inner"> <a>Button</a> </div> </div> </div>
tarihinde sordu 2015-11-10 21:16:27
3
cevaplar

Flex-basis ve genişlik arasındaki farklar nelerdir?

bununla ilgili sorular ve makaleler var, ancak söyleyebileceğim kadarıyla kesin bir şey yok. Bulabildiğim en iyi Özet ... larının daha doğrudan bir karşılaştırma veya özetini hissettim ve genişlik (veya yükseklik ) güzel olurdu.
tarihinde sordu 2015-12-18 12:17:22
18
cevaplar

Bootstrap 4 sağ navbar öğeleri Hizala

bir navbar öğesini sağa nasıl hizalarım? giriş yapmak ve sağa kayıt olmak istiyorum. Ama denediğim her şey iş ... egister') }}">Register</a> </li> </ul> </nav> @yield('content') </div>
tarihinde sordu 2017-01-06 23:02:38
7
cevaplar

Çok satırlı flexbox satır sonu

birden çok satır flexbox bir çizgi sonu yapmak için bir yol var mı? örneğin bu kalem her 3 öğe sonra kı ... lass="item">10</div> </div> gibi .item:nth-child(3n){ /* line-break: after; */ }
tarihinde sordu 2015-04-19 19:29:11
6
cevaplar

Taşan öğenin üstüne kaydırılamaz.

yani, flexbox kullanarak yararlı bir modal yapmaya çalışırken, bir tarayıcı sorunu gibi görünen şeyleri buldum ve bili ... bir fikir iyi olurdu. Bilinen konulara bağlantılar veya bu davranışın arkasındaki akıl yürütme de yararlı olacaktır.
tarihinde sordu 2015-10-31 20:35:22
1
cevaplar

Neden flex öğeleri geçmiş içerik boyutunu küçültmek değil mi?

4 flexbox sütunum var ve her şey yolunda gidiyor, ancak bir sütuna bazı metin eklediğimde ve büyük bir yazı tipi boyut ... col col3">Lorem ipsum dolor</div> <div class="col col4">Lorem ipsum dolor</div> </div>
tarihinde sordu 2016-03-27 15:08:53
7
cevaplar

Bootstrap 4 dikey hizalama Merkezi

Konteynerimi Bootstrap 4 kullanarak sayfanın ortasında ortalamaya çalışıyorum. Şimdiye kadar başarısız oldum. Herhangi ... Not: bu, yukarıda bahsedilen yaklaşımla aynı şeyi yapar. @Pete, @ZimSystems ve diğerleri sayesinde çözüldü
tarihinde sordu 2017-02-15 17:42:13
5
cevaplar

Css flexbox'a sarılacak bir öğe nasıl belirtilir?

bunun flexbox standardının bir parçası olduğunu düşünmüyorum, ancak belirli bir elementten sonra sarmayı önermek veya ... ak: after; } daha eksiksiz bir kurulum için jsfiddle'a bakın: http://jsfiddle.net/theazureshadow/ww8DR/
tarihinde sordu 2013-10-24 23:27:36
7
cevaplar

Flexbox: satır başına 4 öğe

sayfamla dinamik olarak yeniden boyutlandıracak 8 öğeyi görüntülemek için bir flex kutusu kullanıyorum. Öğeleri iki sı ... s="child"></div> <div class="child"></div> </div> </div> </body>
tarihinde sordu 2015-04-09 21:47:34
3
cevaplar

Flexbox öğeleri sütun modunda sarıldığında, kapsayıcı genişliğini büyütmez

şu şekilde çalışması gereken iç içe geçmiş bir flexbox düzeni üzerinde çalışıyorum: en dıştaki seviye ( ul#ma ... öylece iç konteyner gerektiğinde dikey olarak kayar. Güzel değil, ama en azından bizi çok fazla kırmamanın bir yolu.
tarihinde sordu 2015-11-24 13:55:00
1
cevaplar

Flexbox sütunundaki yükseklik %100 çocuk [duplicate]

bu sorunun zaten burada bir cevabı var: iç içe geçmiş flexboxes nasıl çalışır ... CodePen. kırmızı .flex-child mavi .flex doldurur böylece istiyorum . Neden height:100% çalışmıyor?
tarihinde sordu 2014-01-07 01:28:53
1
cevaplar

CSS - sadece duvar düzeni ancak elemanları ile yatay sipariş

ben oldukça run-off-the-mill duvar düzeni uygulamak gerekir. Bununla birlikte, bir takım nedenlerden dolayı bunu yapm ... narak), bu yüzden mümkünse bunu önlemek istiyorum. bunu mümkün kılan yeni çıkmış bir flexbox büyüsü var mı?
tarihinde sordu 2017-06-05 23:41:22
3
cevaplar

FLEXBOX API'sini kullanarak tam yükseklikte bir uygulamada Flexbox ve dikey kaydırma

flexbox kullanarak tam boy bir uygulama kullanmak istiyorum. Bu bağlantıda eski flexbox (ekran: kutu; ve diğer şeyler) ... t kısmında içerik öğesi. Çubuğu css kodu ile sonuç arasında farklı yüksekliği simüle etmek için taşımanızı öneririm.
tarihinde sordu 2013-02-19 20:28:35
7
cevaplar

Flexbox öğeleri arasındaki Aralık

bu istediğim şey: en yakınım. Flexbox öğeleri üzerinde marjı uygulayarak, daha sonra ilk ... zen sırasını değiştirebilirim ( örneği ). görsel düzeni almanın bir yolu var mı marjı uygularken hesap?
tarihinde sordu 2014-05-02 21:05:51
1
cevaplar

Justify-content vs align-items arasındaki fark? [çoğaltmak]

bu sorunun zaten burada bir cevabı var: CSS Flexbox , neden "haklı-ürün" ve "haklı- ... ajları mı yoksa sadece tercih mi? Farkı bilen aynı şeyi yapmak için benzer bir yol gibi hissediyorum? Teşekkürler!!
tarihinde sordu 2016-01-28 01:23:51
2
cevaplar

Esnek bir öğenin esnek kabın yüksekliğini doldurmaması nasıl yapılır? [çoğaltmak]

bu sorunun zaten burada bir cevabı var: Flexbox'ta eşit yükseklik sütunlarını nasıl ... ; <div>right<br>right<br>right<br>right<br>right<br></div> </div>
tarihinde sordu 2015-10-19 14:11:54
1
cevaplar

Tam olarak Flex tabanlı özellik setleri nedir?

max-width veya width flex-basis yerine bir flex öğesine ayarlama arasında bir fark var mı ? flex-grow/shrin ... 200px var , Henüz sadece bunlardan biri pencere 300px ve 400px arasında olduğunda aşağı hareket eder. Niçin?
tarihinde sordu 2014-05-09 20:06:36
11
cevaplar

Üst üste flexbox öğeleri miktarını hesaplamak için nasıl?

bir ızgara CSS flexbox kullanılarak uygulanmaktadır. örnek: bu örnekte satır sayıs ... s="item"></div> <div class="item"></div> <div class="item"></div> </div>
tarihinde sordu 2018-03-01 09:18:10
2
cevaplar

Flexbox kodu Safari dışındaki tüm tarayıcılarda çalışıyor. Niçin?

Liste etiketleri ile Izgara sütunları, her ekstra HTML listesi öğeleri için etkin otomatik genişliği ile, her 3 sütun ... hangi bir yardıma ihtiyacım var:) test bağlantısı: http://jsfiddle.net/rafcastro77/3zd7yspg/59/
tarihinde sordu 2016-02-01 20:50:38
2
cevaplar

Flex-wrap, align-self, align-items ve align-content ile nasıl çalışır?

align-self aşağıdaki kodda, align-self flex-wrap: nowrap ile çalışır . ... ntainer> flex-wrap ile nasıl çalışır align-self , align-items ve align-content?
tarihinde sordu 2017-03-05 23:08:09
1
cevaplar

Esnek bir kapsayıcıyı nasıl merkezleyebilirim, ancak esnek öğeleri sola hizalayabilirim

flex öğelerinin ortalanmasını istiyorum, ancak ikinci bir çizgiye sahip olduğumuzda, 1'in altında 5 (aşağıdaki görüntü ... ;/li> <li>5</li> <li>6</li> </ul> http://jsfiddle.net/8jqbjese/2/
tarihinde sordu 2015-09-27 00:27:26
4
cevaplar

Flex öğesinin genişliği ve yüksekliği neden flex öğesinin nasıl işlendiğini etkiler?

max-height stiline sahip bir flexbox'taki bir görüntü, height ve width özniteliklerine sahip olup olmadığına bağ ... ırıyorum) kurbağa görüntüsü dan https://en.wikipedia.org/wiki/File:Red_eyed_tree_frog_edit2.jpg
tarihinde sordu 2017-07-03 08:31:40
5
cevaplar

Esnek öğelerin üstlerindeki öğelere sıkıca hizalanması mümkün müdür?

bu, Pinterest düzenidir. Bununla birlikte, çevrimiçi olarak bulunan çözümler sütunlara sarılır, bu da kabın yanlışlıkl ... flexbox bunu yapabilir mi, yoksa Duvarcılık gibi bir JS çözümüne başvurmak zorunda mıyım?
tarihinde sordu 2015-12-27 16:16:22
4
cevaplar

CSS sütunlarının yön akışını değiştirme

bu yüzden CSS şu şekilde var: #blogPosts{ -moz-column-count: 3; -moz-column-gap: 10px; -webkit-colu ... ascript/jQuery içeren herhangi bir çözüm için mutluyum bu , sonrasında olduğum şey
tarihinde sordu 2015-05-15 19:38:28
2
cevaplar

Ff 33'ü nasıl alabilirim?FF 34'te X Flexbox davranışı.x?

flexbox'ı Web uygulaması gibi bir masaüstü uygulaması için ağır bir şekilde kullanıyoruz ve harika çalışıyor. ... x davranışı.x. düzeni veya nasıl daha iyi izole sorunu ile ilgili herhangi bir yardım takdir edilmektedir.
tarihinde sordu 2014-11-12 22:51:28