I CSS komplicerer vi nogle gange vores liv med enkle ting, der er mindre komplicerede, end vi tror, og at når vi ser løsningen, griner vi næsten af at observere sådanne anekdoter.
Mere end en person har spurgt mig, hvordan man centrerer en absolut positioneret div, og svaret er meget simpelt:
- Vi giver div en fast bredde. Eksempel: 500 px
- Vi placerer absolut div med 50% tilbage. Eksempel: position: absolut; venstre: 50%;
- Vi trækker halvdelen af, hvad den måler med margenen. Eksempel: margin-left: -250px;
Resultatet er en perfekt centreret, absolut positioneret div.
Mange tak .. som du siger noget så simpelt, og som på trods af tidens gang stadig er forfatter til mange hovedpine.
Dit indlæg var meget nyttigt for mig, mange tak.
Mange tak !!!
Godt bidrag hjalp mig meget, tak
Hvilken stor skør han serverede mig: D
Fremragende tak ...
Meget god Carlos.
fremragende info
Tak, det tjente mig
Du reddede mig!!! Tak skal du have :)
Tak onkel, du hjalp mig meget !!, min manglende fantasi.
mange tak !!!!! dette trick hjælper mig altid haha
tak meget fremragende ven
Dette er ikke centreret, det hele afhænger af den oprindelige størrelse af basis div-elementet, som vi får det til at vokse afhængigt af hvad der er sat inde, for mig var det mere nyttigt at bruge dette end visuelt, hvis jeg ser det endnu mere centreret og reponsivt:
absolut;
venstre: 50%;
margin-venstre: -100px;
det ville være halvt.
Bidraget er værdsat, det hjalp mig virkelig, hilsner!
Meget godt bidrag hjalp mig meget, tusind nåde!