Центрирование в 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> 

Конечно, это предполагает, что ваш ДИВ здесь является прямым потомком body тега, и что ваш браузер определяет body иметь ширину 100% и без поля или отступов.