crop image to fit in a div box?

jason.lex · Jan 11, 2019

Hi,

I am trying to fit an image to a div using object-fit but it doesn't seem to work? I am trying to do what is shown here:

https://www.w3schools.com/css/css3_object-fit.asp

https://jsfiddle.net/mh7yLvtj/

feherke · Jan 11, 2019

Hi

Sizing Objects: the object-fit property said:
The [tt]object-fit[/tt] property specifies how the contents of a replaced element should be fitted to the box established by its used height and width.

( CSS Images Module Level 4 | 5. Sizing Images and Objects in CSS | 5.1. Sizing Objects: the object-fit property )

As I understand, if you not specify a different width and/or height for the image, no fitting theory is applied.

https://jsfiddle.net/mh7yLvtj/1/

Feherke.
feherke.github.io

jason.lex · Jan 11, 2019

Ah Ok.
I see how this is applied now. Thanks for the help again.

Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

crop image to fit in a div box?

jason.lex

Vendor

feherke

Programmer

jason.lex

Vendor

Similar threads

Part and Inventory Search

Sponsor