Выравнивание по вертикали не работает

#html #css #vertical-alignment

#HTML #css #выравнивание по вертикали

Вопрос:

Я подготовил для вас скрипку, вот она: http://jsfiddle.net/VvkQd/1 /

Я не хочу, чтобы это красное «дно» было внизу этого td. Что не работает?

Ответ №1:

Вы можете добавить позицию относительно этого <td> и абсолютно расположить нужный текст. Это не самое элегантное решение, но и таблицы тоже..

http://jsfiddle.net/neilheinrich/VvkQd/4/

Комментарии:

1. Хм, теперь; когда во второй колонке много текста, текст перекрывает «Нижний» текст. Есть решение?

2. добавьте padding-bottom к этому <td> , чтобы перекрыть размер <div>

3. извините, но у меня следующая проблема: я использовал padding-bottom там, но этот текст «Снизу» задан пользователем, поэтому пользователь может ввести большой текст и мелкий шрифт-тексты, если это произойдет, это выглядит немного искаженным и перекрывается — мне придется изменить заполнение -нижняя часть зависит от текста, которыйуказан пользователь.

Ответ №2:

Выравнивание по вертикали предназначено для его содержимого, поэтому, даже если вы установите его в div, и если div был больше, он даже не будет работать, я предлагаю добавить еще один tr

http://jsfiddle.net/HNhy9/

Надеюсь, вы найдете лучший ответ… Возможно, вам следует работать только с div

Ответ №3:

Rowspan сделал бы свое дело.

http://jsfiddle.net/VvkQd/1/