Hogyan lehet CSS-el egy képet, aminek nem tudjuk a méreteit előre (például azért, mert az egyik irányban automatikusan kerül kiszámításra) pontosan egy <div> közepére helyezni (függölegesen is és vízszintesen is)?

A vízszintesen való középre igazítás nem probléma, azt egy "text-align: center;" elintézi a befoglaló elemre megadva, viszont a függőleges igazításhoz már minimum javascript használata szükséges.

Ismerni kell a képet befoglaló elem belső magasságát, és a képet úgy kell elhelyezni benne, hogy a kép felső marginja pontosan akkora legyen, amitől a kép az őt befoglaló elem közepére kerül függőlegesen. Ehhez tudni kell a befoglaló elem magasságát, és a kép magasságát is. Ezt legegyszerűbb kiíratáskor javascripttel megtudni, majd a kiszámított margint (a befoglaló és a kép magassága különbségének a fele) javascript segítségével (style érték módosítása) beállítani a képhez.

De meg lehet oldani php-ből is, még kiíratás előtt lekérdezni a megfelelő méreteket, és már eleve a megfelelő margin értékekkel megjeleníteni a képet.