Я пытаюсь центрировать все в теге на странице, не добавляя другой контейнер в нем. Моя ситуация не позволяет мне изменять разметку, которая сгенерирована, но я могу отредактировать CSS. Моя главная цель состоит в том, чтобы создать CSS, которая позволяет мне использовать тег масштабирования в IE для CSS печати (для уменьшения масштаб), но способ, которым это в настоящее время работает, это создает большой пробел на правой стороне, и я хотел бы удостовериться, что содержание всегда центрируется в середине.
Если вы согласны с заданием фиксированной ширины тела, вы можете центрировать его, задав ему ширину и поле auto
для левого и правого полей:
Например:
body { width: 960px; margin: 0 auto; }
Если вы хотите что-то вроде этого - 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
}
(Границы приведены для наглядности)