flexbox
Jakie dokładnie zbiory właściwości flex-basis?
Czy jest różnica między ustawieniem max-width LUB width na element flex zamiast flex-basis?
Czy jest to "punkt załamania" dl ... ają ten sam flex-basis: 200px, jednak tylko jedno z nich przesuwa się w dół, gdy okno jest pomiędzy 300px i 400px. Dlaczego?
React natywny arkusz stylów:do czego służy {flex: 1}?
React Native używa flexbox dla układu. We wszystkich przykładach, które widziałem, robią coś takiego:
var styles = StyleShe ... ałać:
Http://codepen.io/johnnyo/pen/epZXgz
Czy to oznacza, że flex: 1 w React Native jest równoważne display: flex W CSS?
Jak zachować zawinięte elementy flex na tej samej szerokości co elementy w poprzednim wierszu?
Mam <ul>, który jest flex-box i kilka <li>S w nim, które są flex-items.
Staram się, aby <li> miała elastyc ... lex: 1 0 0
Oto przykład na żywo na codepen z kilkoma dodatkowymi komentarzami , Zmień rozmiar okna, aby zobaczyć zawijanie.
Responsywna galeria obrazów za pomocą CSS flexbox lub grid-layout
Pracuję nad widżetem Image-Gallery-widget, w którym użytkownik może ustawić szerokość miniaturki, wysokość miniaturki i margi ... uniknąć z flexbox. Zbadałem flexbox trochę, ale nie byłem w stanie jeszcze w pełni go ogarnąć.
Dzięki za wszelkie wskazówki!
Elementy Flex nie kurczą się, gdy okno staje się mniejsze [duplikat]
to pytanie ma już odpowiedzi tutaj :
... gdy okno się kurczy.
Jak sprawić, by działki się zmniejszyły, aby pasowały do okna i stały obok siebie w tym samym rzędzie?
Model Flex box-wyświetlacz: flex, box, flexbox?
Wielu z nas zdaje sobie dziś sprawę, że starsze wartości właściwości display, takie jak inline i block, są przestarzałe po wp ... wicie flex, box i flexbox. Jaka jest różnica między tymi trzema elastycznymi modelami pudełkowymi a tym, którego z nich użyć?
Marginesy w flexbox
Zazwyczaj w CSS, gdy rodzic i jego ostatni potomek mają margines, marginesy zwijają się, tworząc pojedynczy margines. Np.
... ter>
</div>
Czy istnieje sposób, aby flexbox marginesy zachowywały się tak samo jak marginesy nie-flexbox?
wyświetlacz: flex nie działa w przeglądarce Internet Explorer [duplikat]
to pytanie ma już odpowiedzi tutaj :
... ;
}
Na innych przeglądarkach wszystko działa.
ie11: http://take.ms/68dHo ;
chrome: http://take.ms/JhcEH
W czym problem?
Dodać div wypełnić pozostałe * poziome * spacja w flexbox
Mam 2 divy obok siebie w flexboxie. Prawa ręka powinna być zawsze tej samej szerokości, a lewa ręka powinna chwycić pozostałą ... </div>
<div style="margin-left:8px;">
<strong>></strong>
</div>
</div>
flex-wrap nie działa zgodnie z oczekiwaniami w Safari
Na stronie głównej http://www.shopifyexperte.de / istnieją dwa moduły flex-box, jeden pod "Kundenstimmen" i jeden pod " Neu ... niają kontener, gdy okno przeglądarki stanie się zbyt wąskie.
Czy to jakiś błąd w Safari / Webkit, czy robię tu coś nie tak?
Zapobiegaj rozciąganiu elementów flex
Próbka:
div {
display: flex;
height: 200px;
background: tan;
}
span {
background: red;
}
<div>
... zieje z span?
Jakie jest właściwe podejście, aby zapobiec rozciąganiu go bez wpływu na inne elementy flex w pojemniku flex?
Czy nie rozumiem właściwości flex-grow?
Obawiam się, że nie mogę zrozumieć flex-grow. Jeśli przeskoczysz do JSFiddle poniżej-tak to Rozumiem, .big powinno być trzy r ... er one?</li>
<li class="flex-item">Not really working like expected I don't think...</li>
</ul>
Flexbox nie działa w Internet Explorer 11
Ten fragment kodu działa dobrze w Firefoksie, Chrome i Edge, ale nie działa poprawnie w IE11 z powodu modelu flex, najwyraźni ... <p>content
</section>
</main>
<footer>
<p>footer
<p>footer
</footer>
Jak wyrównać w pionie okna dialogowe Modalne Bootstrap v4
Pionowo środkowe dialogi modalne w Bootstrap 4.
Uwaga: poniższe wymagania zostały dodane, aby było jasne, że szukam właści ... pt w jak największym stopniu
(opcjonalnie) praca na domyślnych przykładach Bootstrap bez potrzeby znaczników modyfikacje
html5: trzyrzędowy flexbox ze stałym górnym / dolnym i przewijanym środkiem
Czy jest możliwe stworzenie html5 układu flexbox ze stałymi header/footer i przewijalną article sekcją Jak poniżej dla firefo ... jest mniejsza niż wysokość okna, stopka nie jest stała, a jeśli jest większa, stopka przewija się poza obszar wyświetlania...
Utwórz element przyklejony do dołu za pomocą flex w React-native
Załóżmy, że jest to układ:
<View style={styles.container}>
<View style={styles.titleWrapper}>
...
... t ustawiać ją na dole, ustawia ją po prawej stronie ekranu. Jak sprawić, by Element stopki przyklejał się do końca? Dziękuję.
Czy istnieje jakiś polyfill dla bieżącego modułu CSS Flexible Box Layout jak na W3C CR (display: flex itp.)? [zamknięte]
zamknięte. to pytanie nie spełnia wytycznych dotyczących przepełnienia stosu . Obecnie nie przyjmuje odpowiedzi.
... ydata W3C CSS Flexible Box Layout Module . Czy istnieje polyfill, przynajmniej częściowy, dla flex boxów zdefiniowanych w CR?
Jak zrobić wyświetlacz: elastyczny Pojemnik rozszerza się poziomo wraz z zawiniętą zawartością?
Podczas używania css flexbox trzy główne przeglądarki zachowują się zupełnie inaczej w pewnych obszarach.
W tym przypadku st ... brzmi: jak Mogę sprawić, by kontener flexbox rozwijał się poziomo, aby dopasować jego zawartość column wrap.
Z góry dzięki.
Rozciąganie obrazu w flexbox w Safari
To jest tylko problem w Safari i wygląda mi na błąd Safari. Oto fiddle z uproszczoną wersją wydania.
Gdy obraz znajduje się ... iała to we wszystkich przeglądarkach z wyjątkiem Safari. W Safari obraz jest rozciągnięty i automatyczna wysokość nie działa.
Czyste rozwiązanie CSS do dzielenia elementów na dynamiczną ilość kolumn
Czy istnieje sposób wyrównania elementów w kilku kolumnach, gdzie liczba kolumn zależy od najszerszego elementu? Zarówno Wyso ... b dystrybucji / przyciągania elementów o dynamicznym rozmiarze do kolumn w kontenerze o stałej szerokości, tylko w stylu CSS?