Центр выравнивания макета жидкости

Question

Как выровнять по центру жидкостную компоновку (без фиксированных значений px, только% значений) для нескольких экранов?

т.е. Я собираюсь просмотреть тот же HTML-код на рабочем столе (может иметь несколько разрешений), может быть мобильным (например, iPhone) ИЛИ даже планшетом (например, iPad).

Я думаю, что следующие решения не будут работать в моем случае;

1. Использование ширины: 100% (свободного места для выравнивания по центру не останется)

2. Использование widdth: 80% или около того, а затем с использованием margin: 0 auto (это будет отлично работает на настольных компьютерах, но тратит место на мобильных устройствах .. т.е. хотите оптимизировать ограниченное пространство на мобильных устройствах)

3. Использование выравнивания текста: центр (я хочу выровнять макет по центру, а не текст)

Пожалуйста, предложите.

Answer 1

<div style="width:100%; text-align:center;">
        <img style="margin:auto; display:block;" src="images/web_banner.gif"/>
        <p>Website coming soon…</p>
</div>

Answer 2

Очень трудно установить страницу, если это не просто текст, чтобы быть полностью жидким.Просто потому, что изображения должны отображаться в определенном размере, а затем должны быть изменены в соответствии с меньшим разрешением.Тем не менее, если это просто текстовый сайт, то

width: 80%;
margin: 0 auto;
text-align: center;

iphone поддерживает поле, поэтому оно должно работать нормально.Если у вас есть изображения и вам необходимо изменить их размер, вам следует обратить внимание на jquery или javascript, чтобы настроить изображения при изменении размера.

Также используйте text-align: center для обратной совместимости.Используйте все это в качестве оболочки, а затем установите для вас контент и навигацию

text-align: left;

Answer 3

Используйте выравнивание = "центр" в div, тогда вы получите содержимое в div будет центр