2012-06-22 4 views
1

, если я разрабатываю страницу с центральным макетом, вроде как Yahoo Answers, как я могу это сделать? Я мог бы использовать Javascript, чтобы уловить ширину экрана при загрузке страницы и соответственно внести изменения в основной div, но у пользователя может быть отключен Javascript, так как это сделать в этом случае?Как центрировать страницу при загрузке страницы, даже если Javascript выключен?

+1

Необходим ли Javascript? Обычно это делается с помощью CSS. – AlexMA

+0

Да, я знаю, я просто не знал, как это сделать только с CSS. – SexyBeast

+0

Извините, я неправильно понял вопрос. Кроме того, убедитесь, что вы предоставили ответ, если на ваш вопрос был дан ответ. Это любезность. – AlexMA

ответ

6

Просто поместите ваше содержание в <div> и установить его на фиксированной ширины и margin:auto

+0

Для этого контейнера должна быть указана явная ширина, и в противном случае это не будет работать. – Blaster

+0

Ничего себе, это было аккуратно. Благодаря! – SexyBeast

2
#container { 
    margin-left:50%; 
    margin-right:50%; 
} 

В случае, если вы знаете, ширина, просто используйте margin: 0 auto;:

#container { 
    width:500px; 
    margin:0 auto; 
} 
+1

'margin: auto' - более простой способ сделать то же самое –

+0

@JohnConde: True добавлен, но кажется, что он не знает' width' заранее, без которого 'margin: auto' не поможет – Blaster

+0

Нет, я знаю ширину, поэтому я буду использовать ** margin: auto **, а также ** width: 500px **. – SexyBeast

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