如何放置橫幅並保留邊距？

此橫幅居中，但我仍然需要在左邊留有餘量。我希望在重新調整窗口大小後縮進，以便在較低分辨率和手機上看起來更好。如何放置橫幅並保留邊距？

<div id="banner"> 
    <center> 
     <a target="banner" href="index.html" > 
     <img src="images/banner.jpg" border="0" alt="GamerZone Banner"> 
     </a> 
    </center> 
</div>

我想用css代替html中心。謝謝。因爲我剛剛開始學習HTML，所以我不確定該怎麼做。你能告訴我該怎麼試？

來源

2013-03-06 TheUnCola

您目前沒有任何保證金。另外，你有什麼嘗試？ – Chris 2013-03-06 13:45:20

圖片標籤未正確關閉 – DevelopmentIsMyPassion 2013-03-06 13:46:53

@AshReva：在XHTML中，是的，在HTML5中是？不，它的正確 – Mark 2013-03-06 13:48:37

您可以將填充添加到容器中，例如

#banner{ 
    padding:0 20px; 
} 
#banner img{ 
    display:block; 
    margin:0 auto; 
}

來源

2013-03-06 13:56:40

感謝您的幫助=） – TheUnCola 2013-03-09 01:42:41

CSS：

#banner{ 
    width: 500px; 
    height: 300px; 
    margin:auto; 
    text-align:center; /*centers horizontally*/ 
    line-height:300px; /*same as height and for centering vertically*/ 
} 

<div id="banner"> 
<a target="banner" href="index.html" title="some"> 
    <img src="images/banner.jpg" border="0" alt="GamerZone Banner"> 
</a> 
</div>

希望這個作品。 檢查此的jsfiddle：http://jsfiddle.net/ACuKe/1/

來源

2013-03-06 13:49:51

這一切都推到了正確的位置，所以現在都搞砸了。 – TheUnCola 2013-03-06 13:52:27

@ user2132923清除您現在擁有的所有css #banner – 2013-03-06 13:54:00

檢查小提琴@ user2132923 – 2013-03-06 13:56:44

簡單地給這種風格達到你需要什麼，

div#banner 
{ 
    margin:0 auto; 
    height: 100px; //your own height 
    width: 100px; //your own width 
}

這將在中心始終保持你的div不論任何屏幕分辨率。見here。

來源

2013-03-06 13:53:36 Rohit416

<div id="banner" style="text-align:center; margin:0 auto;"> 
<a target="banner" href="index.html" style="display:block; text-indent:30px;"><img src="images/banner.jpg" border="0" alt="GamerZone Banner"></a></div>

設置元件的邊緣屬性爲「0汽車」（簡寫爲「邊距：0;餘量右：汽車;餘量：底部：0;保證金左：汽車; 「）加上」text-align：center「。

然後，您可以給該元素一個固定的「文本縮進」（對於單行內容）或固定的「餘裕」。

來源

2013-03-06 14:12:00

如何放置橫幅並保留邊距？

回答

相關問題