Matthias Scharwies: vertikale Zentrierung von Text in figcaption

Beitrag lesen

Wo ich jetzt noch Probleme habe ist die vertikale Ausrichtung des Textes (auf die Bildmitte).
Ich war der Meinung, das ginge mit "vertical-align: middle;" - Fehlanzeige.
Dann hatte ich gehofft, es ginge mit "figcaption { margin-top: auto; padding-top:auto;}"
analog der horizontalen Zentrierung - Fehlanzeige.

1. Bei einzeiligen Erklärungen könntest du line-height:100% nehmen. Das sieht aber spätestens bei kleinen Bildschirmen bescheuert aus, wenn es doch einen Zeilenumbruch gibt.

2. margin-top: fest einstellen

Es geht wohl mit "figcaption { margin-top: 65px;}" oder "figcaption { margin-top: 15%;}".
aber das ist ja wieder nur eine Herumprobiererei und müsste dann mit jedem Bild und/oder
Text anderer Größe neu gemacht werden.

Ich versuche, dass die Bilder auf meiner Homepage immer gleich groß sind. Dann könnte man ein festes margin-top geben, was bei unterschiedlich langen Erklärungen aber auch blöd aussehen würde.

Matthias