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

Wycentrowanie img w poziomie i pionie + zmiana rozmiaru

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ć.

Wycentrowanie img w poziomie i pionie + zmiana rozmiaru

Post 08.11.2016, 19:11:24

Witam,
Chcę zrobić następującą rzecz. Mam div'a (o stałych rozmiarach 600px 550px) w nim wyświetlam zdjęcia, mają one różne rozmiary. Chcę aby wyświetlane były tak żeby zajmowały jak największy obszar w divie, zachowując przy tym proporcje. Zdjęcie pionowe jest powiększane aż "stykanie" się z górą i dołem, a poziome jest powiększane na maxa do boków. Zdjęcie ma być też wycentrowane zarówno w poziome jak i pionie. Męczę się z tym cały dzień, bardzo proszę o pomoc.

Ma to wyglądać tak:
Obrazek
maxcv
Posty: 1
Dołączył(a): 08.11.2016

Re: Wycentrowanie img w poziomie i pionie + zmiana rozmiaru

Post 08.11.2016, 19:25:08

Zainteresuje cię na pewno własność object-fit: contain, choć dla pewnych przeglądarek będziesz musiał zrobić jakiś fallback innymi własnościami CSS lub wspomóc się np. tym.

-- edit
tutaj próba zrobienia tego bez object-fit.
Avatar użytkownikakuku
Rafał Kukawski

+∞
+∞

Posty: 19324
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ł: MSNbot Media i 2 gości

Hosting, Domeny, SSL
iCash

Subskrypcja

Mamy 49368 zarejestrowanych użytkowników.
Najnowszy użytkownik: LijO


Nasi użytkownicy napisali:

  • 933249 wiadomości
  • w 245683 tematach

Najnowsze wpisy na blogu

Najnowsze artykuły

Najaktywniejsi (ostatnie 30 dni)