Technology

How to fit an image in a div?

3 answer(s)
Answer # 1 #

To fit an image inside a div in HTML/CSS:

[1 Month]
(6)
Answer # 2 #
  1. Use CSS properties:
    cssdiv { width: 300px; height: 200px;}div img { width: 100%; height: 100%; object-fit: cover; /* or contain */}
[1 Month]
(4)
Answer # 3 #

cover ensures the image covers the entire div, while contain keeps the aspect ratio intact.

[1 Month]
(2)

Related Questions