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

时间:2013-06-19 20:48:50

标签: css image-processing

我想要显示固定宽度(300像素)的用户图像,高度可能会有所不同。现在问题来自上传图像的宽度小于300像素。

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

这样的事情:

enter image description here

1 个答案:

答案 0 :(得分:2)

首先,对于那些讨厌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的; }

这是一个重复的问题:How to set max width of an image in CSS