Можно создать дубликат:
Best practice vertical-align center content on divFloat Div Div Вертикальное выравнивание
Как я могу вертикальное выравнивание центр .content для обоих квадратов, используя тот же CSS.
Благодаря
style='vertical-align:middle' ..
Проверьте пример, он работает без FLOAT, но вы хотите знать, как это сделать с помощью Float. –
мм .. margin-top? проверьте это – nimrod
Но тогда это не общий css для применения к div.content –
Вы претендуете display table-cell к неправильным элементам. Вы должны обернуть их в контейнер и применить к этому контейнеру display: table cell. Посмотрите мой пример ->http://jsfiddle.net/Sha6m/10/
Спасибо, но я хочу, чтобы div.content был вертикально центром, а не красными квадратами. –
@ RicardoRodrigues Не красные квадраты .content? um ... Возможно, вы хотите рассмотреть свой вопрос: -/ – Edditoria
.content для обоих квадратов -> его говорит в вопросе вертикального выравнивания .content для обоих квадратов –
Вот решение ->http://jsfiddle.net/Sha6m/12/.
Вам нужно добавить display: table-cell; к внутреннему .content, установите их вертикального выравнивание по центру (vertical-align: middle;) и дать им те же height и width их родительский .area (ширины 100% и высоту, к сожалению, не работа здесь, поэтому, когда вы изменяете высоту и ширину .area, вам также нужно сделать это для div .content).
Когда у меня фиксированную высоту я бы просто добавить line-height: 100px; и удалить ваш vertical-align и display
Вы спросили то же самое здесь: http://stackoverflow.com/questions/10968726/best- практика-vertical-align-center-content-on-div – floorish
Я не понимаю, каков ожидаемый результат ... – jorgebg
Я хочу вертикально выравнивать .content, но так как я добавляю float: left, stop working –