Ta strona używa ciasteczek (cookies), dzięki którym nasz serwis może działać lepiej. Dowiedz się więcej OK, rozumiem

środkowanie 4 div wewnątrz głównego diva

Chcesz wiedzieć jak sterować wyglądem strony za pomocą styli? Tutaj dowiesz się jakie możliwości ma CSS i jak poprawnie go stosować, aby uzyskać zamierzone efekty. Dowiesz się jakie nowości udostępniono w CSS3 i jak z nich korzystać.

środkowanie 4 div wewnątrz głównego diva

Post 29.06.2017, 10:34:42

Witam,
Mam mały problem z wycentrowaniem 4 divów w jednym dużym divie. Wygląda to mniej więcej tak:
Główny DIV posiada własności ( width: 100%, max-width: 1080px ) , posiada on w środku 4 divy które mają szerokość 230px, i każdy z nich zawiera obrazek.

Chciałbym umieścić tak te 4 divy w środku, aby strona była responsywna, tzn: wraz z zmiejszaniem okna przeglądarki może zmniejszać się odległość między divami (Ewentalnie troche rozmiar divów ( z 230px do min 150px),),
i jeśli np. 4ty div się nie mieści mógłby wskoczyć na dół ale znów wyśrodkowany, później ze zmniejszaniem okna przeglądarki jeśli 2 divy sie nie mieszczą to 2 wskakują na dół i się środkują.

Przedstawiam przykładowe zdjęcie jak mogłby to wyglądać.

Jeśli chodzi o moje próby, próbowałem każdemy przypisać position: absolute, oraz odpowiednio parametry left. Jednak efekt jest taki że elementy nachodzą na siebie i nie wskakują na dół (i oczywiście się nie centrują)

Chciałbym to wykonać za pomocą html/css, bez JS.

Prosze o każdą pomoc, góry serdecznie dziekuje! :)



Obrazek
MGR111
Posty: 1
Dołączył(a): 29.06.2017

Re: środkowanie 4 div wewnątrz głównego diva

Post 29.06.2017, 11:11:46

display: inline-block + marginesy dla DIVów i text-align: center dla rodzica ?
Avatar użytkownikakuku
Rafał Kukawski

+∞
+∞

Posty: 19531
Dołączył(a): 14.04.2002


Powrót do CSS


 


  • Podobne wątki
    Odpowiedzi
    Wyświetlone
    Ostatni post

Kto przegląda forum

Użytkownicy przeglądający ten dział: Brak zidentyfikowanych użytkowników i 1 gość

Hosting, Domeny, SSL
iCash

Subskrypcja

Mamy 50185 zarejestrowanych użytkowników.
Najnowszy użytkownik: sskijop


Nasi użytkownicy napisali:

  • 935001 wiadomości
  • w 246320 tematach

Najnowsze wpisy na blogu

Najnowsze artykuły

Najaktywniejsi (ostatnie 30 dni)