爲響應式網站定位圖像

Question

因此，我正在爲學校作業做出響應式設計，並且試圖以圖像寬度爲中心。

我縮放在Photoshop圖像，所以我沒有任何寬度或高度設置爲圖像

這是我現在得到但這不起作用

<header> <img src="afb%20/logo3.png" alt="logo3" width="" height="" /> </header>

header{ width: 100%; margin-left: auto; margin-right: auto; }

有人可以幫我嗎？真的需要這個！

在此先感謝

Answer 1

在頭CSS剛剛成立text-align: center。

您目前正在將標題100％寬度，所以您的利潤率不會適用。由於你的容器100％寬，並且沒有文本對齊，因此img將始終與左邊對齊。

這裏：

header { width: 100%; text-align: center; }​ 

http://jsfiddle.net/xMPZ4/

Answer 2

.center{margin: 0px auto; display: block;} 

<header><img src="updates_button.jpg" alt="logo3" class="center"></header> 

Answer 3

你可以一個標誌類添加到圖像，並設置CSS來：margin:0px auto; width:200px;當然更換圖像寬度...