Stile für Bilder und Plugin-Inhalte

Das Layoutverhalten von Inline-Block-Elementen, wie z.B. Bildern, erfordert in den meisten Fällen zusätzliche Stilregeln.

Bildlayout innerhalb einer Spalte

In der Praxis werden Sie Bilder meist an den Rändern der Spalte ausrichten oder sie innerhalb der Elternspalte zentrieren, zum Beispiel mit den in Abbildung 11.6 gezeigten Stildefinitionen.

Die hier gezeigten Eigenschaft/Wert-Paare verwenden explizit die Regel display: block, mit der das Layoutverhalten vereinheitlicht werden soll. Wird diese Regel zusammen mit einem Klassenselektor verwendet, kann der Aufwand für die Gestaltung der dazugehörigen Bildbeschriftungen deutlich reduziert werden.

Bildbeschriftungen

Um Bilder, die mit den in Abbildung 11.6 gezeigten ...

Get Das Beste an HTML & CSS now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.