In CSS maken we ons leven soms ingewikkeld met simpele dingen die minder ingewikkeld zijn dan we denken, en dat als we de oplossing zien, we bijna lachen om zulke anekdotes.
Meer dan één persoon heeft me gevraagd hoe een absoluut gepositioneerde div te centreren, en het antwoord is heel simpel:
- We geven de div een vaste breedte. Voorbeeld: 500px
- We plaatsen de div absoluut met 50% over. Voorbeeld: positie: absoluut; links: 50%;
- We trekken de helft van wat het meet af met de marge. Voorbeeld: margin-left: -250px;
Het resultaat is een perfect gecentreerde, absoluut gepositioneerde div.
Heel erg bedankt .. als je iets zo eenvoudigs zegt en dat ondanks het verstrijken van de tijd nog steeds de auteur van veel hoofdpijn is.
Je bericht was erg nuttig voor mij, heel erg bedankt.
Hartelijk bedankt !!!
Een goede bijdrage heeft me veel geholpen, bedankt
Wat een geweldige gek heeft hij me gediend: D
Uitstekend, dankjewel…
Heel goede Carlos.
Uitstekende info
Dank je, het heeft me gediend
Je hebt me gered!!! Dank je :)
Dank je oom, je hebt me veel geholpen !!, dat gebrek aan verbeeldingskracht van mij.
hartelijk bedankt !!!!! deze truc helpt me altijd haha
heel erg bedankt uitstekende vriend
Dit is niet gecentreerd, het hangt allemaal af van de oorspronkelijke grootte van het basis div-element waarnaar we het laten groeien, afhankelijk van wat erin is geplaatst, voor mij was het nuttiger om dit te gebruiken dan visueel als ik het nog meer gecentreerd en reponsief zie :
absoluut;
links: 50%;
marge-links: -100 px;
dat zou de helft zijn.
De bijdrage wordt gewaardeerd, het heeft me echt geholpen, groetjes!
Zeer goede bijdrage heeft me veel geholpen, duizend genade!