CSS - центр всего тега тела

Я пытаюсь сосредоточить все внутри тега на странице, не добавляя в него еще один контейнер. Моя ситуация не позволяет мне изменять разметку, которая создается, но я могу редактировать CSS. Моя общая цель - создать css, который позволяет мне использовать тег масштабирования в IE для печати css (для уменьшения масштаба), но так, как он работает в настоящее время, это создает много свободного места с правой стороны, и я бы чтобы убедиться, что контент всегда центрирован посередине.

Ответ 1

Если вы согласны с тем, что тело имеет фиксированную ширину, вы можете центрировать его, указав для него ширину и край auto для левого и правого полей:

например:

body { width: 960px; margin: 0 auto; }

Ответ 2

Если вы хотите что-то вроде этого - http://jsbin.com/emomi3/5/...

  body {
    position: relative;
    width: 100%;
    border: 1px solid red;
    display: block;
  }

  body > *  {
    margin: auto;
    width: 500px;
    border: 1px solid blue;
    display: block;
    overflow: auto;
  }

  body > script {
    display: none
  }

(Границы приведены только для иллюстрации)

Ответ 3

если вы используете простые шрифты..., я рекомендую вам добавить !important следующим образом:

body { 
    width: 1280px;
    height: 1024px;
    margin: 0 auto !important;
}