Центр по горизонтали и вертикали с переменным размером, максимальная ширина / высота 1000px; [Дубликат]

Question

Центр по горизонтали и вертикали с переменным размером, максимальная ширина / высота 1000px; [Дубликат]

0

Я пытаюсь центрировать вертикально и горизонтально изображение с переменной шириной и высотой, maxing при 1000px. Я архивировал вертикальный центр, но я не могу добавить горизонтальный центр без нарушения вертикали... Вот мой код:

<div style="margin-left:auto;margin-right:auto;width:70%;height:1000px;width:1000px;">
    <div style="display:table-cell;vertical-align:middle;height:1000px;width:1000px;">
        <img src="images/a.png">
    </div>
</div>

ShadowHero 09 нояб. 2013, в 21:49

Источник

0

Смотрите этот ответ: stackoverflow.com/questions/19843811/…
Josh Crozier 09 нояб. 2013, в 20:12
0

Отлично, но мне нужно сделать это, не касаясь тела / HTML.
ShadowHero 09 нояб. 2013, в 20:17
0

Нравится? jsfiddle.net/VSe2J
Josh Crozier 09 нояб. 2013, в 20:21
0

К сожалению, нет, и если я изменю это, многие вещи не будут работать правильно ...: /
ShadowHero 09 нояб. 2013, в 20:23
0

Покажите мне пример, и я заставлю это работать. Высота просто определена, поскольку в противном случае не было бы высоты, и, таким образом, высота: 100% на дочернем элементе = 0px ... Как я уже сказал, предоставьте некоторый тип jsfiddle, и я заставлю его работать, не влияя на макет ,
Josh Crozier 09 нояб. 2013, в 20:24
0

Спасибо за поддержку!
ShadowHero 09 нояб. 2013, в 20:29
0

Смотрите мой аналогичный ответ stackoverflow.com/a/13356401/1057730
Vladimir Starkov 09 нояб. 2013, в 20:36

Показать ещё 5 комментариев

Теги:

html

css

1 ответ

Ещё вопросы

Смотрите этот ответ: stackoverflow.com/questions/19843811/…
Отлично, но мне нужно сделать это, не касаясь тела / HTML.
К сожалению, нет, и если я изменю это, многие вещи не будут работать правильно ...: /
Покажите мне пример, и я заставлю это работать. Высота просто определена, поскольку в противном случае не было бы высоты, и, таким образом, высота: 100% на дочернем элементе = 0px ... Как я уже сказал, предоставьте некоторый тип jsfiddle, и я заставлю его работать, не влияя на макет ,
Смотрите мой аналогичный ответ stackoverflow.com/a/13356401/1057730

Tigran Petrossian · Accepted Answer · 2013-11-09T19-03-00.000Z

Просто добавьте text-align: center; к внешнему div.

JSFiddle