2013-06-19 95 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

相關問題