Pytania otagowane jako flexbox

Moduł CSS do elastycznych układów, zapewniający szeroką gamę opcji wyrównywania elementów, eliminując potrzebę stosowania elementów zmiennoprzecinkowych i tabel.

6
Jak uzasadnić pojedynczy element Flexbox (zastąp treść justify-content)
Możesz zastąpić align-items z align-selfdo elastycznego elementu. Szukam sposobu na zastąpienie justify-contentelementu flex. Jeśli miałeś pojemnik Flexbox justify-content:flex-end, ale chcesz, aby był to pierwszy elementjustify-content: flex-start , jak można to zrobić? Najlepiej na to odpowiedział ten post: https://stackoverflow.com/a/33856609/269396
283 css  flexbox 
9
Flexbox: 4 elementy w rzędzie
Korzystam z okna elastycznego, aby wyświetlić 8 elementów, które będą dynamicznie zmieniać rozmiar na mojej stronie. Jak zmusić go do podzielenia przedmiotów na dwa rzędy? (4 na rząd)? Oto odpowiedni wycinek: (Lub jeśli wolisz jsfiddle - http://jsfiddle.net/vivmaha/oq6prk1p/2/ ) .parent-wrapper { height: 100%; width: 100%; border: 1px solid black; } .parent …
260 html  css  flexbox 
9
Jak określić podziały linii w wieloliniowym układzie Flexbox?
Przekaż opinię na temat Przepełnienia stosu w artykule : Element Flexbox - opis w usłudze Flexbox Czy istnieje sposób na przerwanie linii w wielu liniach Flexbox? Na przykład, aby złamać po każdym 3. elemencie w CodePen . .container { background: tomato; display: flex; flex-flow: row wrap; align-content: space-between; justify-content: space-between; …
236 html  css  flexbox 
6
Chrome / Safari nie wypełnia 100% wysokości flex rodzica
Chcę mieć menu pionowe o określonej wysokości. Każde dziecko musi wypełnić wysokość rodzica i mieć wyśrodkowany tekst. Liczba dzieci jest losowa, więc muszę pracować z wartościami dynamicznymi. Div .containerzawiera losową liczbę dzieci ( .item), które zawsze muszą wypełnić wysokość rodzica. Aby to osiągnąć, użyłem Flexboksa. Do tworzenia linków z tekstem …
3
Jakie są różnice między podstawą elastyczną a szerokością?
Pojawiły się pytania i artykuły na ten temat, ale o ile mogę powiedzieć, nic rozstrzygającego. Najlepsze podsumowanie, jakie mogłem znaleźć, to Flex-Base pozwala określić początkowy / początkowy rozmiar elementu, zanim cokolwiek innego zostanie obliczone. Może to być wartość procentowa lub bezwzględna. ... co samo w sobie niewiele mówi o zachowaniu …
224 css  flexbox  width 
15
ReactNative: jak wyśrodkować tekst?
Jak wyśrodkować tekst w ReactNative zarówno w poziomie, jak i w pionie? Mam przykładową aplikację w rnplay.org, w której justifyContent = „center” i alignItems = „center” nie działa: https://rnplay.org/apps/AoxNKQ Tekst powinien być wyśrodkowany. I dlaczego u góry między tekstem (żółty) a kontenerem macierzystym jest margines? Kod: 'use strict'; var React …
3
CSS wyrównaj jeden element z Flexbox
https://jsfiddle.net/vhem8scs/ Czy możliwe jest, aby dwa elementy były wyrównane do lewej, a jeden do prawej z Flexbox? Link pokazuje to wyraźniej. Ostatni przykład jest tym, co chcę osiągnąć. W Flexbox mam jeden blok kodu. Z float mam cztery bloki kodu. To jeden z powodów, dla których wolę flexbox. HTML <div …
212 css  alignment  flexbox 
10
100% szerokości w React Native Flexbox
Przeczytałem już kilka samouczków Flexbox, ale nadal nie mogę sprawić, by to proste zadanie zadziałało. Jak zrobić czerwone pole do 100% szerokości? Kod: <View style={styles.container}> <Text style={styles.welcome}> Welcome to React Natives </Text> <Text style={styles.line1}> line1 </Text> <Text style={styles.instructions}> Press Cmd+R to reload,{'\n'} Cmd+D or shake for dev menu </Text> </View> …
2
Dodać div div pozostające * poziome * miejsce w flexbox
Mam 2 divy obok siebie w Flexbox. Prawa ręka powinna zawsze mieć tę samą szerokość i chcę, żeby lewa ręka po prostu wzięła pozostałe miejsce. Ale tak się nie stanie, chyba że specjalnie ustawię jego szerokość. W tej chwili jest on ustawiony na 96%, co wygląda OK, dopóki naprawdę nie …
203 html  css  flexbox 
7
Dlaczego <fieldset> nie może być elastycznymi kontenerami?
Próbowałem stylizować fieldsetelement za pomocą display: flexi display: inline-flex. Jednak to nie zadziałało: flexzachowywał się jak blocki inline-flexzachowywał się jak inline-block. Dzieje się tak zarówno w przeglądarce Firefox, jak i Chrome, ale dziwnie działa w IE. Czy to błąd? Nie mogłem znaleźć fieldsetżadnego specjalnego zachowania, ani w HTML5, ani w …
200 html  css  flexbox 
4
Wypełnij pozostałą przestrzeń pionową CSS za pomocą display: flex
W układzie 3-rzędowym: górny rząd powinien być dopasowany do jego zawartości dolny rząd powinien mieć stałą wysokość w pikselach środkowy rząd powinien się rozwinąć, aby wypełnić pojemnik Problem polega na tym, że wraz z rozszerzaniem się głównej treści powoduje ona skrócenie wierszy nagłówka i stopki: HTML: &lt;section&gt; &lt;header&gt; header: sized …
196 css  layout  flexbox 
Korzystając z naszej strony potwierdzasz, że przeczytałeś(-aś) i rozumiesz nasze zasady używania plików cookie i zasady ochrony prywatności.
Licensed under cc by-sa 3.0 with attribution required.