(я задал похожий вопрос здесь и при определенных обстоятельствах нашел рабочее решение, однако параметры этого сложного конструкторского вопроса изменились, поэтому я решил начать новую тему)
Я пытаюсь найти способ - либо с помощью чистого CSS, либо с помощью javascript - вертикально выровнять блок многострочного текста рядом с изображением, как показано здесь . Как показано в демонстрационной версии, текстовый блок будет меньше по высоте, чем у изображения, поэтому я бы хотел, чтобы он плавал посередине (как это используется по умолчанию в макетах таблиц). Ключевым моментом в моей ситуации является возможность чтобы достичь этого эффекта, не определяя высоту для содержащего div - т.е. только определяя высоту изображения - поскольку я в основном пытаюсь создать длинный список миниатюр с маленьким изображением и описательным текстом, плавающим рядом - и нуждающимся в высота для каждого содержащего элемента будет проблематичной.
Для меня замечательно, что что-то, что так легко достигается с помощью таблиц, является таким масштабным мероприятием с помощью CSS; и из множества решений, которые я нашел через google, большинство подходов на основе чистого CSS, а также многие JS-вспомогательные требуют декларации высоты для контейнера. Кроме того, удобный метод css «display: table-cell» не работает в IE.
Я открыт для любых решений здесь, например. через jQuery и т. д. - большое спасибо за любую помощь; Я полагаю, что другие тоже выиграют от раскрытия рабочего решения этой проблемы.