我正在将相当大的图像加载到父div中，我的pug代码如下：
a.eventlist-column-thumbnail.content-fill(href=`${link}`)
img(src=`${img_src}`, alt=`${img_src}`, style='position: static; float:left; width: 100%;')
这里的要点是，使用
width: 100%我可以使用以下效果填充父级：这还不错，但是当您仔细观察时，您会发现图像没有填充高度，因为长宽比比父div更加“瘦”。
我想达到这种效果，即图像尽可能以
conservatively填充宽度和高度，同时相对于父div保持居中：对
html/css不太熟悉，因此请给一些提示。 最佳答案
您可以设置width: 100%;和固定高度-以像素为单位：height: --px;
— — https://jsfiddle.net/ge5o91vg/4/