【发布时间】：2013-02-22 10:39:47
【问题描述】：
我想将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 吗？ -
这很 hacky，但没有那些新的 css 框布局和东西，像这样垂直居中的东西总是很hacky。您提出的解决方案实际上是我的首选方式。不过，我将字体大小设置为 0，而不是删除宽度。我还使用伪元素而不是真实元素。你也许也考虑过使用一个，我不知道。我在这里修改了你的小提琴：jsbin.com/afojew/20/edit
标签： html css vertical-alignment