it-swarm-eu.dev

Jaký je nejlepší způsob vycentrování obrázků na webových stránkách?

Pokaždé, když pracuji na novém projektu, nemám žádné problémy vycentrovat text pomocí "text-align: center" pro vycentrování textu, ale nikdy jsem neviděl podobný kód ke středovým obrázkům, takže jsem vždy kód hacknul buď vycentrování obrázků v HTML (nikoli nejčistší možnost), nebo přidělením obrazu variabilní šířku (což nefunguje při více rozlišeních). Existuje nějaký způsob, jak toho dosáhnout, že jsem to nezkoušel? A ví někdo, jestli se něco takového implementuje do CSS3?

2
rgaspary

Nastavte styl obsahující prvky na

text-align:center;

nastavte styl obrázku na

display:inline-block;
margin:auto;
8
Sruly

Srulyova odpověď udeří hřebík do hlavy. jediná věc, kterou bych považoval za přidání, je vertical-align: middle; pro značku obrázku takto:

display:inline-block;
margin:auto;
vertical-align: middle;
2
Sk93