Вертикальное выравнивание IMG в div в WordPress - PullRequest
Новая
       30

Вертикальное выравнивание IMG в div в WordPress

0 голосов
/ 30 октября 2011

Я пытаюсь выровнять изображения по вертикали в div в wordpress, div установлен как фоновая граница, что я и сделал, и у меня есть изображения внутри центра div, выровненные по горизонтали, но я не могу сделать это вертикально, кто-нибудь может помочь?

Вот мои уроки в настоящее время, .image - это div, а img - изображения внутри поста. 

.entry img{max-width: 475px; max-height: 240px; padding: 50px;}
.entry .image{background-image:url(images/image-back.gif); width: 590; height:339px; text-align: center; margin-top: 20px; margin-bottom: 40px;}

HTML-код показывает, как это для каждого изображения в сообщении 

<div class="image"><img src""></div>

любая помощь приветствуется, спасибо!

1 Ответ

0 голосов
/ 30 октября 2011

http://www.jakpsatweb.cz/css/css-vertical-center-solution.html

Краеугольный камень решения в Internet Explorer: внутренний объект абсолютно расположен на половине высоты области.Затем поднимается на половину своей высоты.Используется неправильная интерпретация свойства высоты в Internet Explorer (подсчитанная высота принимается за основу процентной высоты вложенных тегов).Для Explorer необходим один дополнительный вложенный тег.

Решение для стандартных браузеров, таких как Mozilla, Opera, Safari и т. Д., Совершенно другое.Вся область (вверху) настроена для отображения в виде таблицы (display: table; часть CSS2).Внутренний объект устанавливается как ячейка таблицы (отображение: ячейка таблицы).Но - в остальном - можно использовать свойство вертикального выравнивания для такого отображаемого элемента в стандартных браузерах.(Internet Exlorer игнорирует эти свойства или не знает их значений.)

...