將網站內容對齊到中心

HTML：

<div id="alt"> 
<p>this is a sample text</p> 
</div>

的CSS：

#alt{ 
display:block; position: absolute; top: 400px; left:500px; }

使用代碼一切都看起來不錯。但是，當我減少瀏覽器的縮放級別。它走向左邊。我希望它留在中心。幫助我解決這個問題。

來源

2013-08-22 Kanmaniselvan

發佈您的代碼：

#alt { text-align: center }

要與文本左對齊，使用創建一個居中的塊。 –

添加一些代碼，jsfiddle –

對於網站的內容對準中心，你必須把一個DIV的所有內容說主要股利和應用下面的CSS到它

.main 
{ 
    margin-left:auto; 
    margin-right:auto; 
    width:960px; 
}

來源

2013-08-22 05:03:20

使用left:50%代替left:500px; CSS：

#alt{ 
display:block; position: absolute; top: 400px; left:50%; }

如果您的集裝箱格具有固定寬度，則使用margin: 0 auto;

小提琴：http://jsfiddle.net/X6Vxq/show

來源

2013-08-22 05:03:30

請嘗試以下樣式。

#alt 
{ 
    display:block; 
    text-align: center; 
    top: 400px; 
    left:500px; 
} 

#alt p 
{ 
    margin: 0 auto; 
    display: inline-block; 
}

來源

2013-08-22 05:06:49

如果您的內容存在於div中，那麼您可以將相對於div的位置和左右邊距設置爲自動。檢查以下代碼：

#alt { 
    position: relative; 
    margin-left: auto; 
    margin-right: auto; 
}

來源

2013-08-22 05:07:53 prava

這是一個很難回答的問題，因爲您似乎沒有給我們足夠的信息。您是否希望段落中心理由爲或居中列中的左對齊？

要居中對齊，你可以簡單地使用：

#alt { 
width: 800px; /* Your desired width of the center block */ 
margin: 0 auto; 
}

希望這有助於

來源

2013-08-22 05:08:00 Luke

對不起，我的意思是對齊整個塊中心。謝謝。 – Kanmaniselvan

將網站內容對齊到中心

回答

相關問題