Kép középre igazítása

Kép középre igazítása
2021-06-13T19:06:14+02:00
2021-06-13T19:08:55+02:00
2022-08-12T03:15:30+02:00
*deleted_23419333
Sziasztok!

Ez tökéletesen középre igazítja a képet:

.single-thumb { text-align: center; width: 100%; } .single-thumb img { width: auto; vertical-align: middle; }

De csak abban az esetben, ha a kép kisebb mint annak a div-nek a szélessége (.single-thumb), amiben a kép van. Ha a kép nagyobb, mint a div, akkor kilóg. Hogyan kellene módosítanom a kódot ahhoz, hogy a div-nél szélesebb képek akkorák legyenek mint a div, tehát hogy ne lógjon túl?

<div class="single-thumb"><img src="<?php print $url; ?>" /></div>
Mutasd a teljes hozzászólást!
.single-thumb img { width: auto; vertical-align: middle; max-width: 100%; height: auto; }
CSS max-width property
Mutasd a teljes hozzászólást!

abcd