Вертикальное выравнивание в таблице
Автор Охотник за наградой задал вопрос в разделе Другие языки и технологии
Вертикальное выравнивание и получил лучший ответ
Ответ от Александр Ермилов[гуру]
1) vertical-align:middle; - если задано строчному элементу (e.g. span, или display: inline и т. д.) , то выравнивает этот элемент относительно других строчных соседей (у span нет таковых, как я понимаю?) .
2) если табличному (td) - то выравнивает другие элементы внутри него по центру ячейки.
Т. е. ваш стиль для вертикального выравнивания не работает.
Но поскольку у td и так по умолчанию vertical-align:middle; то все ДОЛЖНО БЫТЬ по центру - см. пункт 2)
- Вернее, почти по центру. - Если этот стиль не переписан и если картинка по размеру не больше ячейки указанных размеров.
Без ссылки не могу понять, что нужно сделать, зачем такая сложная конструкция, и если что-то не работает, то почему.
Александр Ермилов
Гений
(52784)
все равно - не понимаю смысла.)
зачем нужна горизонтальная прокрутка контента модулем, если ее можно добавить по необходимости через CSS: overflow-x: auto;
это же правило заставит элементы не переноситься на следующую строку, если они инлайн и у них стоит white-space: nowrap;
пример:
.overflow_auto {
overflow-x: auto;
width: 400px;
white-space: nowrap;
}
.overflow_auto img {
vertical-align: middle; /* выравниваем по высоте по центру - если картинки разной высоты */
margin: 10px;
}
HTML:
Все верно