Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML][CSS]Treść diva wyśrodkowana pionowo
Forum PHP.pl > Forum > Przedszkole
klapaucius
Domyślam się, że temat się pewnie przewijał wielokrotnie przez forum, jednak nie mogę się i tak uporać z tym problemem:

Mam taki kod HTML:
  1. <div class='klasa'><img src=''>Jakiś tekst</div>

I chcę otrzymać taki efekt:

Czyli żeby zawartość była wyśrodkowana w pionie.
Prosiłbym o napisanie jak ma wyglądać ta klasa diva w CSS.
RiE
Zrobiłem przykład: http://jsfiddle.net/Zg8cb/2/

Musisz nadać pierwszemu elementowi display:table, a następnie wewnętrznemu display:table-cell i vertical-align:middle
bostaf
Albo po prostu nadając obrazkowi atrybut vertical-align: middle;:
  1. .klasa img {
  2. vertical-align: middle;
  3. }


demo na jsFiddle (sprawdzone w Chrome, Firefox i IE6)
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.