flexbox

31Ciepło

1Odpowiedz

Spraw, aby elementy elastyczne miały szerokość treści, a nie szerokość kontenera nadrzędnego.

Mam kontener <div> z display: flex. Ma dziecko <a>. Jak mogę sprawić, aby dziecko wyglądało na "w linii"? W szczególności, w jaki sposób mogę określić szerokość dziecka określoną przez jego zawartość

6Ciepło

2Odpowiedz

Jak przenosić tekst wokół obrazu reagując natywnie

Próbuję osiągnąć bardzo powszechny efekt w reakcji na zawijanie tekstu wokół obrazu. W Internecie można przypisać do obrazu właściwość float i śledzić ją za pomocą znacznika p. . Oto RNPlay example na

7Ciepło

1Odpowiedz

React Native alignSelf center i rozciągnij do maxWidth?

I mają następujące <View style={{maxWidth: 700}}> <View style={{backgroundColor: 'red', flexDirection: 'row', justifyContent: 'space-between'}}> <Text>Left Item</Text> <Text>Righ

5Ciepło

1Odpowiedz

Elementy dziecięce niewidoczne w giętkim pojemniku

Mam wkład moich elementów div do kontenera {display: flex}. Kiedy pozbędę się wyświetlacza: flex działa dobrze i widzę mój html. Zauważyłem również, że jeśli zmienię swój procent na px, mogę wyświetli

5Ciepło

3Odpowiedz

Pionowa lista elementów, w których każdy wiersz zmniejsza swoją szerokość, aby dopasować ją do wewnętrznej zawartości

Chcę utworzyć pionową listę, w której każdy wiersz zmniejsza swoją szerokość, aby idealnie zawierał jej wewnętrzną zawartość (w porównaniu do domyślnego zachowania div w rozszerzaniu jej szerokości do

7Ciepło

5Odpowiedz

Element flex przekracza swój kontener

Mam elastyczny kontener o zdefiniowanej wartości width. Kontener ma flex-direction: row i 2 kolumny. Jedna to stała szerokość, jest nieelastyczna. Drugi jest elastyczny i powinien pasować do pozostałe

13Ciepło

3Odpowiedz

schematu flexbox: Dwa elementy na górze siebie w giętkim kierunku: rząd

staram się osiągnąć następujące: Moja pierwsza próba była w użyciu div pomocnika (zielony) : JSFiddle Co mogę tutaj zrobić, to używanie JavaScriptu do przenoszenia uczennic i pomarańczowych elementów

6Ciepło

2Odpowiedz

rodzic nadrzędny flexbox mniejszy niż element potomny przy zmianie rozmiaru przeglądarki

Dlaczego rodzic jest mniejszy niż dzieci na wąskich ekranach? Zobacz fragment ... a następnie zmień rozmiar przeglądarki (szerokość), aby była mniejsza niż różowe pole. Powinien pojawić się pasek prze

12Ciepło

2Odpowiedz

schematu flexbox wypełnienia dostępnej przestrzeni w pionie

Teraz w rzędzie schematu flexbox mogę napisać <div layout="row"> <div>some content</div> <div flex></div>  <div>another content</div> </div> chcia

5Ciepło

1Odpowiedz

Wiersze tabeli i kolumny reagują natywnie?

Czy można utworzyć tabelę w trybie natywnym? Mam na myśli ten przypadek, gdy szerokość 1. kolumny w 1. rzędzie jest równa szerokości 1. kolumny w drugim rzędzie? Utworzyłem że układ poprzez JS tutaj: