居中CSS，當對象大於視口

Question

我試圖讓jquery傳送帶居中在屏幕上，即使剪輯區域比視口寬。這基本上總是給元素一個負的左邊距 - 我怎麼能指定這個？裁剪區域是固定寬度，但當然，視區是可變的。

Answer 1

下面是我已經能夠找到的最佳解決方案使用圍繞固定寬度內容的包裹元素，然後在內容本身上使用約50％的餘量。這是我的頭頂，但它應該足以讓你開始。下面的代碼片段：

div.wrapper { 
    position: absolute; 
    left: 50%; 
} 
.content { 
    position: relative; 
    margin-left: -50%; 
} 

<div class="wrapper"> 
    <div class="content">JQUERY BIZ-NASS HERE</div> 
</div> 

當然，這個假設在這裏你的DIV是body標籤的直系後裔，和您的瀏覽器指定body有100％的寬度和無保證金或填充。