Ibland komplicerar vi våra liv med CSS med enkla saker som är mindre komplicerade än vi tror, och att när vi ser lösningen nästan skrattar åt att observera sådana anekdoter.
Mer än en person har frågat mig hur man centrerar en absolut positionerad div, och svaret är väldigt enkelt:
- Vi ger div en fast bredd. Exempel: 500 pixlar
- Vi placerar absolut div med 50% kvar. Exempel: position: absolut; vänster: 50%;
- Vi subtraherar hälften av vad den mäter med marginalen. Exempel: marginal-vänster: -250 pixlar;
Resultatet är en perfekt centrerad, absolut positionerad div.
Tack så mycket ... som ni säger något så enkelt och att det trots tidens gång fortfarande är författare till många huvudvärk.
Ditt inlägg var mycket användbart för mig, tack så mycket.
Tack så mycket !!!
Bra bidrag hjälpte mig mycket, tack
Vilken galning han tjänade mig: D
Utmärkt tack…
Mycket bra Carlos.
Utmärkt info
Tack, det tjänade mig
Du räddade mig!!! Tack :)
Tack farbror, du hjälpte mig mycket !!, min brist på fantasi.
tack så mycket !!!!! det här tricket hjälper mig alltid haha
tack så mycket utmärkt vän
Det här är inte centrerat, det beror helt på den ursprungliga storleken på basdelelementet som vi får det att växa till beroende på vad som sätts inuti, för mig var det mer användbart att använda detta än visuellt om jag ser det ännu mer centrerat och reponsivt :
absolut;
vänster: 50%;
marginal-vänster: -100px;
det skulle vara hälften.
Bidraget uppskattas, det hjälpte mig verkligen, hälsningar!
Mycket bra bidrag hjälpte mig mycket, tusen nåd!