V CSS si niekedy komplikujeme život jednoduchými vecami, ktoré sú menej komplikované, ako si myslíme, a že keď vidíme riešenie, pri pozorovaní takýchto anekdot sa takmer smejeme.
Nejedna osoba sa ma pýtala, ako vycentrovať absolútne umiestneného diva, a odpoveď je veľmi jednoduchá:
- Divu dáme pevnú šírku. Príklad: 500px
- Absolútne umiestnime div s 50% doľava. Príklad: pozícia: absolútna; vľavo: 50%;
- Od marže odrátame polovicu toho, čo meria. Príklad: margin-left: -250px;
Výsledkom je dokonale vycentrovaný, absolútne umiestnený div.
Ďakujem pekne .. ako hovoríte niečo také jednoduché a že aj napriek času je stále autorom mnohých bolestí hlavy.
Váš príspevok bol pre mňa veľmi užitočný, ďakujem pekne.
Ďakujem mnohokrát !!!
Dobrý príspevok mi veľmi pomohol, ďakujem
Aký veľký blázon mi poslúžil: D
Vynikajúca vďaka ...
Veľmi dobrý Carlos.
vynikajuce info
Ďakujem, poslúžilo mi to
Zachránil si ma!!! Ďakujem :)
Ďakujem strýko, veľmi mi to pomohlo !!, ten môj nedostatok fantázie.
Ďakujem mnohokrát !!!!! tento trik mi vždy pomôže haha
ďakujem pekne vynikajúci priateľ
Toto nie je vycentrované, všetko závisí od pôvodnej veľkosti základného prvku div, ktorý necháme narásť v závislosti od toho, čo je vložené dovnútra. Pre mňa bolo užitočnejšie použiť toto ako vizuálne, ak to vidím ešte viac vycentrované a reagujúce:
absolútny;
vľavo: 50%;
okraj vľavo: -100 pixelov;
to by bola polovica.
Príspevok si cením, skutočne mi pomohol, pozdravujem!
Veľmi dobrý príspevok mi veľmi pomohol, tisíc milosti!