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