2013-06-19 47 views
-1

我想要显示固定宽度(300像素)和高度可以变化的用户图像。现在问题来了,当上传的图像的宽度小于300像素。如何显示固定宽度和高度可变的图像

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

事情是这样的:

enter image description here

+1

那么,什么是你的问题?你是否试图实现这一点,但遇到问题?到目前为止你做了什么? –

+0

'max-width'是你的朋友。 – BenM

+0

不是一个真正的问题。请参阅w3cschools.com的一些HTML指南 –

回答

2

首先,对那些讨厌的W3Schools的,只是因为你现在认为自己是专家,知道的比别人多,为人们学习95%的html ,CSS,JS,PHP等。w3schools是非常宝贵的资源,充满了令人敬畏的演示和信息,所以没有理由“告诫”告诉人们去那里。

你的答案就在这里:

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

总之,您可以添加 “最大宽度:100像素;” 任何CSS属性(DIV,P,IMG等)

img {width = 100%;宽度:100%; max-width:600px; }

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

相关问题