如何將標題中的圖像居中？

-2

所以這就是我所試過的，這是行不通的。香港專業教育學院還試圖使它成爲一個塊，然後保證金，作爲0汽車，像其他的問題說，但這並不能在所有幫助...如何將標題中的圖像居中？

<!DOCTYPE html> 
<html> 
    <head> 

<style> 

.logo { 
text-align: center; 
} 

</style> 

</head> 

<header> 

<div id="logo"> 
    <img src="logo.png"> 
</div> 

</header> 


</html>

我似乎無法居中這個形象，我希望儘可能少線。

來源

2017-03-10 Silvia Rose

將'.logo'改爲'＃logo'。 '.'是一個類，'＃'是一個ID。 –

你的div是頁面的寬度嗎？如果不是，可以試試'#logo {width：100％;}'（另外，'.logo'選擇符匹配'class =「logo」'，所以它當前不會匹配你的div。） – jamjar

添加100％它！謝謝！ –

需要＃爲id。用於

類

#logo{ 
     text-align:center; 
    }

編輯

回答了上述評論

來源

2017-03-10 02:20:19 bryangators55

如果您確實從評論中獲得瞭解決方案並將其作爲答案發布，則可以提供署名或將您的答案標記爲社區wiki。 – Li357

我建議你添加body標籤，不要使ID和類之間的錯誤。

來源

2017-03-10 02:27:55 Hans

我不會，我只是複製這個問題，所以我把它從我的項目中抽出來。 –

@安德魯李，我測試了她的代碼。我的意思是她編碼的最後一個版本。 – Hans

如何將標題中的圖像居中？

回答

相關問題