CSS tip: text-align center
Onlogisch, maar waar
Tot mijn grote schaamte vandaag moeten ondervinden dat text-align: center ook werkt voor inline-block elementen zoals afbeeldingen!!!
Dus stel je hebt een <div> als container, de afbeeldingen die erin voorkomen worden dynamisch geladen, en via JavaScript heb je dan nog eens een scroll/replace functie.
Met andere woorden, je weet nooit hoe groot de afbeeldingen gaan zijn (zeker niet voor een cms), dus margin: 0 auto op iets waarvan je de dimensie niet weet is moeilijk tot helemaal niet te realizeren.
Oplossing
Op het container element (moet block zijn), text-align: center toepassen via CSS en opgelost. Alle afbeeldingen zullen nu gecentreerd staan.
Bedankt collega Jan J.
Gelezen: 3072 | Styling, CSS, Tips







Op Monday 25 May 2009
Nooit écht bij stil gestaan en toch heb ik mij er al vele malen van bediend, maar inderdaad, het lijkt onlogisch.
Op Monday 21 September 2009
Het lijkt idd onlogisch maar dit heb ik wel vaker als ik een site aan het bouwen ben. Dan zit je uren te zoeken naar een oplossing