2013-02-22 55 views
0

我想用vertical-align:middle垂直居中display:inline-block元素。問題是它不會在絕對中心垂直對齊,直到文本達到該點。儘管缺少文字,強制垂直對齊?

參見:http://jsbin.com/afojew/1/edit

這工作,但它是一個有點哈克:http://jsbin.com/afojew/2/edit 編輯:^那完全不是那麼回事,但是這確實:http://jsbin.com/afojew/3/edit

+0

你知道'.centered'的高度是多少嗎?你能用JavaScript嗎? – 2013-02-22 02:25:46

+0

這是hacky,但沒有這些新的CSS框佈局和東西,垂直這樣的任何東西都將是hacky。你提出的解決方案實際上是我的首選方式。雖然我將字體大小設置爲0,而不是刪除寬度。我也使用僞元素而不是真元素。你也許考慮使用一個,我不知道。我在這裏修改了你的小提琴:http://jsbin.com/afojew/20/edit – banzomaikaka 2013-02-22 02:29:44

回答