W CSS czasami komplikujemy sobie życie prostymi rzeczami, które są mniej skomplikowane niż nam się wydaje, i że kiedy widzimy rozwiązanie, niemal śmiejemy się z oglądania takich anegdot.
Więcej niż jedna osoba pytała mnie, jak wyśrodkować absolutnie pozycjonowany element div, a odpowiedź jest bardzo prosta:
- Dajemy elementowi div o stałej szerokości. Przykład: 500px
- Bezwzględnie pozycjonujemy div z 50% pozostałymi. Przykład: pozycja: bezwzględna; po lewej: 50%;
- Odejmujemy połowę tego, co mierzy z marginesem. Przykład: margin-left: -250px;
Rezultatem jest idealnie wyśrodkowany, absolutnie umieszczony div.
Dziękuję bardzo… jak mówisz coś tak prostego i że mimo upływu czasu jest nadal autorem wielu bólów głowy.
Twój post był dla mnie bardzo przydatny, bardzo dziękuję.
Dziękuję Ci bardzo !!!
Dobry wkład bardzo mi pomógł, dzięki
Jakie wielkie szaleństwo mi zaserwował: D
Wspaniale dzięki…
Bardzo dobry Carlos.
Doskonała informacji
Dziękuję, to mi służyło
Uratowałeś mnie!!! Dziękuję Ci :)
Dziękuję wujku, bardzo mi pomogłeś !!, ten mój brak wyobraźni.
Dziękuję Ci bardzo !!!!! ta sztuczka zawsze mi pomaga haha
dziękuję bardzo, wspaniały przyjacielu
To nie jest wyśrodkowane, wszystko zależy od oryginalnego rozmiaru podstawowego elementu div, że zwiększamy go w zależności od tego, co jest w środku, dla mnie było to bardziej przydatne niż wizualnie, jeśli widzę go jeszcze bardziej wyśrodkowany i odpowiadający:
absolutny;
po lewej: 50%;
margines lewy: -100px;
to byłaby połowa.
Wkład jest doceniany, bardzo mi pomógł, pozdrawiam!
Bardzo dobry wkład bardzo mi pomógł, tysiąc łask!