css - 如何显示固定宽度和可变高度的图像

Question

我想显示具有固定宽度（300 像素）和高度可以变化的用户图像。当上传图片的宽度小于 300 像素时，问题就来了。

我想要的是图像应该显示在中心 300 像素的框中，并且应该是上传图像的实际宽度。

像这样的东西：

在此处输入图像描述

score 2 · Accepted Answer

首先，对于那些讨厌 w3schools 的人来说，仅仅因为你现在认为自己是专家并且比任何人都了解更多，对于 95% 的学习 html、css、JS、php 等的人来说。w3schools 是非常宝贵的资源，充满了真棒演示和信息，所以没有理由“畏缩”告诉人们去那里。

你的答案在这里：

http://www.w3schools.com/CSSref/pr_dim_max-width.asp

总而言之，您可以将“ max-width:100px; ”添加到任何 CSS 属性（div、p、img 等）

img{宽度：100%；最大宽度：600px；}

1 回答 1