如何在響應式網站中對齊中心的div

-2

我的網站有一個問題，我的網站的一個div被分配了左邊，但我不得不讓它出現在網頁的中間，無論屏幕大小是多少。這裏的活鏈接：如何在響應式網站中對齊中心的div

http://m.greatofficiants.com

我需要allign在頁面中間的頭內容。

來源

2013-02-01 Sachin

你是指整個標題還是隻是內容爲中心？ – Vinay

只是圖片和兩個文本行目前 – Sachin

張貼您的標題css – Vinay

你必須取下你的float:left爲.social並把一個margin:0 auto;和寬度：x％和text-align:center會給這個類增加一個加號。我認爲你可能還必須重新調整.social的一些子元素。

來源

2013-02-01 11:45:37

感謝它工作的人..我會在幾個小時後上傳這個變化。 – Sachin

非常受歡迎 –

試試這個：

.header { 
    width:1000px; /* what ever size you want*/ 
    margin-left:auto; 
    margin-right:auto; 
}

來源

2013-02-01 11:00:50

它沒有奏效。 – Sachin

此代碼以div爲中心，而不是div的內容。我不確定你想要什麼。 –

<div class="social"> 
    <p style="text-align: center;"> 
    <a href="http://m.greatofficiants.com"><img src="http://m.greatofficiants.com/wp-content/themes/twentyeleven/images/logo3.png"/></a> 
    <div class="im2"><p style="font-size:12px; font-weight:bold;">Toll Free (855) Wed-Vows</p></div><br /> 
    <div class="im1"><p style="font-size:12px; font-weight:bold;"> Local (562) 435-4000</p></div> 
    </p> 
</div>

來源

2013-02-01 11:02:58 fmrk

我試過了，但沒有奏效。 – Sachin

您需要

margin: 0 auto;

或

margin-left: auto; 
margin-right: auto;

這link來包裝它會解釋你在深度如何正確地做到這一點。

來源

2013-02-01 11:03:16

您一個響應網站的基礎首先是完全錯誤的......

你需要建立在全部100％不PX

所以，如果你有一個填充和寬度

它會像

padding:2%; 
width:96%;

孔部位應建立在你的網站之前，這個莊園是不夠好 - 然後你開始圍繞項目

編輯 *

注意：您可以將您的網站中的對象裏面有你的網站的寬度...... 但主框架應嚴格是百分比構建...

如果你想中心寬度爲320px FX的div。這是手機的最低寬度所以說明對象的寬度然後添加一個邊距：0 auto;

編輯 **

所以你的情況，你想添加

width:100%;

到身體和包裝器然後所有的文字包裝應該是在之前（填充解釋同一莊園可以有所不同）取決於您的網站，但我發現2％作爲良好的利潤率

padding:2%; 
width:96%;

編輯*

而在去年我就發現你有你不需要是用於製作移動網站的只是3個額外的調用，從長遠來看，讓您的網站更慢

按照此進行開發時，IE瀏覽器的樣式表link有一個良好的板塊解決..它的樣板使得yoru網站更快，並具有所有正確的腳本和css文件出去從

來源

2013-02-01 11:09:00

如何在響應式網站中對齊中心的div

回答

相關問題