Возможный дубликат:
Рекомендации по вертикали -выровнять содержимое по центру в div
Как я могу выровнять по центру .content по вертикали для обоих квадратов, используя один и тот же CSS.
Спасибо
Плавающий div с вертикальным выравниванием div
comment
Вы спрашивали то же самое здесь: "> stackoverflow.com/questions/10968726/
- person floorish schedule 10.06.2012
comment
Я не понимаю, каков ожидаемый результат...
- person jorgebg schedule 10.06.2012
comment
Я хочу выровнять по вертикали .content , но поскольку я добавляю float: left, перестаю работать
- person Ricardo Rodrigues schedule 10.06.2012
comment
Ваши вопросы должны быть полностью автономными. В противном случае, когда URL-адрес становится мертвым, он бесполезен. И, во-вторых, не публикуйте один и тот же вопрос несколько раз. раз.
- person Sparky schedule 10.06.2012
comment
Я хочу удалить.. к сожалению, я не могу.
- person Ricardo Rodrigues schedule 11.06.2012
Ответы (4)
Вот решение -> http://jsfiddle.net/Sha6m/12/.
Вам нужно добавить display: table-cell; во внутренний .content, установить для их вертикальное выравнивание по середине (vertical-align: middle;) и дать им те же height и width их родительской .area (100% ширины и высоты, к сожалению, не здесь это не работает, поэтому, когда вы изменяете высоту и ширину .area, вы также должны делать это для div .content).
person
João Paulo Macedo
schedule
10.06.2012
Вы применяете display table-cell к неправильным элементам. Вы должны обернуть их в контейнер и применить display: table cell к этому контейнеру. Проверьте мой пример -> http://jsfiddle.net/Sha6m/10/
person
João Paulo Macedo
schedule
10.06.2012
Спасибо, но я хочу, чтобы div.content располагался вертикально по центру, а не по красным квадратам.
- person Ricardo Rodrigues; 10.06.2012
@RicardoRodrigues Разве красные квадраты не являются .content? эм... может быть, вы хотите пересмотреть свой вопрос :-/
- person Edditoria; 10.06.2012
.content для обоих квадратов --› говорит в вопросе вертикальное выравнивание .content для обоих квадратов
- person Ricardo Rodrigues; 10.06.2012
Когда у вас будет фиксированный рост, я просто добавлю line-height: 100px; и уберу ваши vertical-align и display
person
Dejan.S
schedule
10.06.2012
person
schedule
Проверьте пример, он работает без FLOAT, но хотите знать, как это сделать с Float.
- person Ricardo Rodrigues; 10.06.2012
мм .. поля сверху? проверить это
- person nimrod; 10.06.2012
Но тогда это не общий css для применения к div.content
- person Ricardo Rodrigues; 10.06.2012
