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

Jak wyśrodkować element w pozycji absolute?

Object Storage Arubacloud
0 głosów
1,884 wizyt
pytanie zadane 24 lipca 2017 w Sieci komputerowe, internet przez The Real Slim Stefan Początkujący (450 p.)
Witam chciałbym wyśrodkować diva w którym jest nagłówek h1 musi on mieć pozycję absolute żeby był na zdjeciu jak wyśrodkować ten element żeby zawsze był na środku przeglądarki?
komentarz 24 lipca 2017 przez Alex.Ironside Stary wyjadacz (14,900 p.)
Zmien kategorie na programowanie > HTML i CSS

1 odpowiedź

+1 głos
odpowiedź 24 lipca 2017 przez xmentor Nałogowiec (49,520 p.)
Wszystkie pozycje na 0(left,top itp.) i margin ustawione na auto.
1
komentarz 24 lipca 2017 przez Alex.Ironside Stary wyjadacz (14,900 p.)
O ile wiem wystarczy left:0; right: 0; zeby margin; auto zadzialalo. top i bottom chyba nie trzeba
komentarz 24 lipca 2017 przez xmentor Nałogowiec (49,520 p.)

Wnioskowałem, że chce wyśrodkować po osi x i y(przy tym sposobie trzeba ustawiać wymiary na sztywno). Osobiście preferuję opcję z transform+translate, jeśli mam coś wyśrodkować i jest to element pozycjonowany absolutnie.

.el {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

 

komentarz 25 lipca 2017 przez Alex.Ironside Stary wyjadacz (14,900 p.)
A chyba ze tak to przepraszam

Podobne pytania

0 głosów
1 odpowiedź 118 wizyt
0 głosów
4 odpowiedzi 537 wizyt
pytanie zadane 30 listopada 2016 w HTML i CSS przez ShadoWs Bywalec (2,800 p.)
+1 głos
3 odpowiedzi 339 wizyt
pytanie zadane 12 października 2021 w HTML i CSS przez FabQ Początkujący (450 p.)

92,539 zapytań

141,382 odpowiedzi

319,481 komentarzy

61,928 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

Kolejna edycja największej imprezy hakerskiej w Polsce, czyli Mega Sekurak Hacking Party odbędzie się już 20 maja 2024r. Z tej okazji mamy dla Was kod: pasjamshp - jeżeli wpiszecie go w koszyku, to wówczas otrzymacie 40% zniżki na bilet w wersji standard!

Więcej informacji na temat imprezy 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!

...