Div對齊以放大和縮小爲中心

我有網站http://www.d1210091-6206.cp.blacknight.com/site/home/有對齊問題的放大&爲特定部分（新聞& fb）在頁面上的div id footerwrapper。所有其他在&出來變焦centerly對齊。Div對齊以放大和縮小爲中心

我也送你的屏幕截圖。 http://screencast.com/t/e95jEwR6dki

來源

2012-04-24 inderpreet singh

我檢查你的代碼，如果你觸摸文件style.css中，風格的元素#footer的，如果你不使用

float: left; margin-left: 210px; width: 600px

刪除它，在div＃頁腳將被集中。但是在所有的facebook部分，你會發現它頂部有一點小小的收穫。你可以留下一些保證金或填充。

在臨時備份舊肖爾方法，（如果你想改變風格更自由地不推薦），有兩列，併爲每一個寬度指定寬度則可以使用標籤。

問候

來源

2012-04-24 13:43:43 ibpeco

我從頁腳DIV，你上面提到的刪除這些樣式，但現在它移到即使在100％縮放級別。 http://www.d1210091-6206.cp.blacknight.com/site/product/football-kit-strips/ 也請您查看屏幕截圖。 http://screencast.com/t/KY2KpJxv – 2012-04-24 14:08:46

嗨。我檢查了上面的鏈接，我找到了404 Not Found，你是否改變了產品？我檢查了鉻，火狐12，也exploter 9和safari 5.0.5。你已經修好了嗎？它看起來很好，沒有像screencast.com圖片 – ibpeco 2012-04-25 10:28:07

您必須從#footer刪除「margin-left：210px」。它會覆蓋「margin：0 auto」;來自.container-12類。

來源

2012-04-24 13:43:54 antonrodin

我會建議使用自舉的，這樣是對我很有幫助..

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/> 
 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> 
 
<div class="col-lg-4 col-md-4 col-sm-4 col-xs-4 text-left" style="border:1px dashed red; "> 
 
    I will be at left 
 

 
</div> 
 

 
<div class="col-lg-4 col-md-4 col-sm-4 col-xs-4 text-center" style="border:1px dashed blue;"> 
 
    I will be at center 
 

 
</div> 
 

 
<div class="col-lg-4 col-md-4 col-sm-4 col-xs-4 text-right" style="border:1px dashed green;"> 
 
    I will be at right 
 

 
</div>

來源

2017-07-28 10:20:20 Parameshwar

Div對齊以放大和縮小爲中心

回答

相關問題