HTML image bottom alignment inside DIV container

Question

I have a div tag with a fixed height. Most of the images have the same height and width.

I want to align the images at the bottom of the div so that they are nicely

Answer 1

with some proportions

div {
  position: relative;
  width: 100%;
  height: 100%;
}

's with their own proportions

img {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: auto; /* to keep proportions */
  height: auto; /* to keep proportions */
  max-width: 100%; /* not to stand out from div */
  max-height: 100%; /* not to stand out from div */
  margin: auto auto 0; /* position to bottom and center */
}

0 讨论(0)

查看其它4个回答

发布评论:

提交评论

---

•  加载中...