Центрирование в CSS, когда объект больше, чем область просмотра - PullRequest
Новая
       10

Центрирование в CSS, когда объект больше, чем область просмотра

2 голосов
/ 11 мая 2011

Я пытаюсь расположить карусель jquery по центру на экране, даже когда область отсечения шире, чем область просмотра.Это в основном всегда дает элементу отрицательное левое поле - как я могу это указать?Область отсечения имеет фиксированную ширину, но, конечно, область области просмотра является переменной.

1 Ответ

5 голосов
/ 11 мая 2011

Вот лучшее решение, которое я смог найти, использует обертывающий элемент вокруг содержимого с фиксированной шириной, а затем отступ в -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% ибез полей и отступов.

...