0

Мне нужно используя один CSS расположить большие элементы по центру. Ширина конечно же заранее неизвестна. Также нужно чтобы элементы не растягивались. При большом размере экрана/монитора/браузера слева добавлялась пустота, а при маленьком мониторе эти элементы не занимали лишнее место по бокам. вот как на картинке.

.centered{ 

/*margin-left:20%;*/ 


width: 70%;
margin: 0 auto;

}

пробовал так, но оно всегда добавляет пустое место слева даже на укзком мониторе. приходится крутить линию прокрутки снизу.

введите сюда описание изображения

1 ответ 1

1

Если я правильно понял, то

Таблицу оберните в элемент с display: inline-block;

Родителю этой обертки добавьте text-align: center;

4
  • Это почти то что нужно - таблицы , заголовки отображаются по центру страницы теперь, но у меня поехали сами ячейки. Т.е. содержимое ячеек теперь привязано не к левому краю таблиц и к центру. Обновил вопрос
    – arg
    28 апр 2015 в 12:51
  • В таком случае верните обратно выравнивание по левому краю для контента, добавив text-align: left; к обертке
    – user31906
    28 апр 2015 в 12:55
  • Если и так плохо, то вместо left выставьте initial )
    – user31906
    28 апр 2015 в 12:59
  • решил проблему добавив каждой вложенно таблице text-align: left; Большое спасибо.
    – arg
    28 апр 2015 в 13:02

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.