垂直中心元素。行高与填充

Question

我正试图找到垂直居中两个左浮动元素的最佳方法。

center with padding: http://jsfiddle.net/fUmMM/14/

center with line-height: http://jsfiddle.net/fUmMM/15/

这两个版本都适用于较新的浏览器，但是IE8等游戏是什么？是否更好地计算支持旧浏览器的精确填充？行高版本对我来说更像是黑客，但速度更快。

Answer 1

IE8中的行高和填充通常都可以。 It was buggy in IE6 though

除此之外，无论如何都更喜欢填充。除非你知道你的内容永远不会破坏线路，否则不要使用line-height，因为一旦内容在两行或更多行上，效果就会被线条破坏 - 高度包装成多行，而不是使用填充方法：

行高：http://jsfiddle.net/fUmMM/16/

---

VS

填充：http://jsfiddle.net/fUmMM/17/

Answer 2

center with line-height: http://jsfiddle.net/fUmMM/15/

中心线高是垂直中心牵引左浮动元件的更好方法