2013-03-24 2 views
-2

Вот URL: www.dealflurry.com Я хочу, чтобы все предметы были горизонтально центрированы на странице, а не разбросаны влево, как сейчас. Я хочу, чтобы баннер Paypal оставался на крайнем левом углу. Таким образом, пункты будут посередине между баннером Paypal и правой стороной экрана. Каков правильный способ сделать это с помощью css? Благодарю.Как я могу централизовать каталог на веб-странице, сохраняя боковое рекламное объявление в крайнем левом углу?

ответ

2

Одним из решений было бы обернуть <div class="item"> внутри <div id="items> и внести следующие изменения CSS.

#items { 
    text-align: center; 
} 

.item { 
    float: left; /* remove this */ 
    display: inline-block; 
    vertical-align: top; 
} 

Однако, это будет центр всего текста внутри элемента. Некоторые из них уже сосредоточены, поэтому вам нужно будет сбросить некоторые элементы до text-align:left, где это необходимо.

+0

вместо text-align: center, не могли бы вы просто использовать некоторые поля с процентами? – saada

+1

'margin: auto n%' не будет центрировать 'inline-block' элементы, поэтому для выравнивания элементов' .items' потребуется больше CSS-изменений. – andyb

+1

Спасибо, они по большей части сосредоточены на странице. У меня проблема с каждым элементом ниже, где заканчивается левый боковой баннер. Вся центральная область перемещается влево внизу, где заканчивается левый бортовой баннер. Как я могу заставить строки элементов оставаться центрированными ниже, где заканчивается баннер? Я пробую вещи с полями и процентами, которые звучат для меня правильно, но он не работает. – user1140067

Смежные вопросы