CSS - центрировать все внутри тега body

Question

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

Answer 1

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

Например:

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

Answer 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
  }

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

Answer 3

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

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