• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

question-closed flex overflow - blad

VPS Starter Arubacloud
0 głosów
396 wizyt
pytanie zadane 27 marca 2017 w HTML i CSS przez shslr Obywatel (1,310 p.)
zamknięte 27 marca 2017 przez shslr

Zdjecia maja sie przejawic ale nie kurczyc. Calosc dziala, poza jednym problemem. Nie widac pierwszego zdjecia kiedy szerokosc przegladarki sie zmniejsza. Ktos podpowie jak temu zaradzic? 

Zdjecia maja wszystkie takie same wymiary. Kombinowalem z tym ale zawsze pierwsze mi znika. 

Dziekuje za pomoc. 

Kod html:

    <section class="flex-container">
        <img src="images/1.jpeg">
        <img src="images/2.png">
        <img src="images/3.png">
        <img src="images/4.jpeg">
        <img src="images/5.png">
   </section>

Kod sass:

.flex-container{
display: flex;
background-color: black;
flex-direction: row;
height: 200px;
max-width: 1200px;
margin: 0 auto;
justify-content: center;
align-items: center;
overflow: auto;
flex-shrink: 0;
    img{
        margin-left: 20px;
        margin-right: 20px;
    }
}

 

komentarz zamknięcia: Rozwiazane.

2 odpowiedzi

+1 głos
odpowiedź 27 marca 2017 przez Ravio Początkujący (460 p.)
wybrane 27 marca 2017 przez shslr
 
Najlepsza

W klasie .flex-container brakuje Ci właściwości: flex-wrap: wrap;

komentarz 27 marca 2017 przez shslr Obywatel (1,310 p.)
Dzieki za odpowiedz. Zabki kiedys przerobilem ale na to nie wpadlem. Teraz sie przesuwaja ladnie w pionie. A moglbys mi moze jeszcze powiedziec jak zrobic zeby obrazki przesuwaly sie w poziomie? Bo takie mialem zalozenie w tym projekcie.
komentarz 27 marca 2017 przez Ravio Początkujący (460 p.)
Chętnie pomogę ale musisz wrzucić kawałek screena i opisać o co dokładnie chodzi.
komentarz 27 marca 2017 przez hoktaur Pasjonat (22,250 p.)
Czasem trzeba sobie powtarzać raz na jakiś czas ;)
komentarz 27 marca 2017 przez shslr Obywatel (1,310 p.)

 

Tak jak widac na obrazku, scroll jest umieszczony po prawej stronie i obrazki beda sie przeswuwac a z gory na dol w pionie. A chcialbym zeby scroll byl umieszczony na dole i obrazki zeby mogly sie przesuwac w poziomie z lewej do prawej. 

Dzieki za pomoc. 

komentarz 27 marca 2017 przez Ravio Początkujący (460 p.)

Spróbuj:
.flex-container {
   display: flex;
   flex-wrap: wrap;
   flex-direction: column;
   justify-content: flex-start;
}

komentarz 27 marca 2017 przez shslr Obywatel (1,310 p.)
Dzieki teraz wszystko dziala jak nalezy! ;)
0 głosów
odpowiedź 27 marca 2017 przez hoktaur Pasjonat (22,250 p.)
Ostatnio gdzieś ktoś wstawił fajny link do flex'a:

http://flexboxfroggy.com/

przepracuj a się kapniesz...

P.S. Thx dla osoby co to zamieściła :)

Podobne pytania

+1 głos
3 odpowiedzi 153 wizyt
pytanie zadane 10 kwietnia 2021 w HTML i CSS przez ShadoWs Bywalec (2,800 p.)
0 głosów
1 odpowiedź 94 wizyt
0 głosów
2 odpowiedzi 485 wizyt
pytanie zadane 18 sierpnia 2019 w HTML i CSS przez Radek Koniarski Użytkownik (870 p.)

92,455 zapytań

141,263 odpowiedzi

319,099 komentarzy

61,854 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

Akademia Sekuraka 2024 zapewnia dostęp do minimum 15 szkoleń online z bezpieczeństwa IT oraz dostęp także do materiałów z edycji Sekurak Academy z roku 2023!

Przy zakupie możecie skorzystać z kodu: pasja-akademia - użyjcie go w koszyku, a uzyskacie rabat -30% na bilety w wersji "Standard"! Więcej informacji na temat akademii 2024 znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...