Wie lassen sich Bilder in CSS wie im Blocksatz darstellen?

Wie lässt sich mit CSS das für Bilder erreichen, das bei reinem Text mit text-align: justify; gemacht wird? Also dass in einer Galerie die Bilder trotz unterschiedlicher Breite rechts und links gerade abschneiden. Danke im vorraus.

Answer 1

[Babelfish]

Du meinst so was?

https://jsfiddle.net/Babelfisch/9x6k8cze/

Mit Flexbox und justify-content: space-between.

Woher ich das weiß: Berufserfahrung – Entwickle Webseiten seit über 25 Jahren.

Comments

[tekreuzer]

Und dann noch zentriert:
https://jsfiddle.net/tekercibasi/pmczs6by/1/

Answer 2

[elmex7]

Wenn Du möchtest, das ein Bild genau die Breite des Textblockes davor oder dahinter hat, nimmt man sowas:

img {
  width: 100%;
  height: auto;
}

Wenn Du aber irgendwelche in einer Galerie zusammengestellten Mengen an Bildern meinst, dann hängt das von der Galerie und deren Darstellung ab und kann eher nicht allgemein beantwortet werden.

Answer 3

[TechPech1984]

wie gerade abschneidet ?

du willst also ein 16:9 als 4:4 dastellen ?

dann musst du die größe festlegen und mit overflow:hidden oder mit clipping (ausschnitt) arbeiten .

ein beispiel bild wäre hilfreich .

Answer 4

[Ceeesy759]

Mach mal eine Zeichnung, ich verstehe nicht, was Du meinst.

Vielleicht als Liste mit

display: inline;
list-style-type: none;