2013-02-22 2 views
0

Я хотел бы вертикально центрировать элемент display:inline-block с vertical-align:middle. Проблема в том, что он не вертикально выравнивается в абсолютном центре, пока текст не достигнет этой точки.Принудительное вертикальное выравнивание, несмотря на отсутствие текста?

См: http://jsbin.com/afojew/1/edit

Это работает, но это немного Hacky: http://jsbin.com/afojew/2/edit редактирования: ^, что не совсем работает, но это делает: http://jsbin.com/afojew/3/edit

+0

Знаете ли вы, что такое высота '.centered'? Вы можете использовать JavaScript? –

+0

Это взломанный, но без этих новых компоновки css box и прочее, центрирование чего-либо подобного вертикально всегда будет хаки. Решение, которое вы представили, на самом деле является моим предпочтительным способом. Я установил размер шрифта в 0, но вместо удаления ширины. Я также использую псевдоэлемент вместо реального элемента. Возможно, вы тоже решили использовать его, я не знаю. Я изменил вашу скрипку здесь: http://jsbin.com/afojew/20/edit – banzomaikaka

ответ

0

Это было предложено до - Ive просто читать он и содержит почти все, что вам нужно было бы знать с этой проблемой: Vertically align text in a div