使用纯CSS达到到填充容器宽度除非最大高度img元素

时间:2019-01-31 15:58:51

标签: html css image layout

我正在尝试使用CSS设置图像的大小。我想要的图像以填充容器的宽度,所以width: 100%会做(即使原始IMG宽度更小)。

然而,源可以同时包含纵向或横向图像。如果是长人像,我不想填充宽度,而是在给定最大高度的情况下将图像居中放置在容器中。

我已经尝试过显而易见的事情:

width: 100%;
max-height: 250px;

但很明显它迫使宽度和图像失真。如果我设置最大宽度而不是宽度,则即使未达到最大高度,比容器小的图像也不会填充空间。

在纯CSS中,除非达到某个高度,是否有办法告诉图像填充容器?

0 个答案:

没有答案