調整大小和使用CSS

Question

中心的圖像

我的情景：

• 我有大小1900 X 1600像素的圖像。
• 我有一個尺寸爲200 x 150像素的div。

我已經使用了下面的CSS調整圖像：

max-width:300px; 
max-height:300px; 

高度將被保存在比例，所以在這個例子中這將是252像素。

如何將圖像置於div中？我的意思是這樣的：

background-position: center center; 

這種事情可能與CSS 2？

Answer 1

你的意思是

background:url("test.png"); 
background-size: 300px auto; 
background-position: center center; 

？

Answer 2

爲中心的元素內DIV，你會設置一個width和margin設置爲自動左，右頁邊距：

div { margin: 0 auto; width: 300px; }