Html 垂直居中的元素。线条高度与填充

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

居中填充：

中心线高度：

这两个版本都适用于较新的浏览器，但像IE8这样的旧浏览器又有什么用呢？计算精确的填充以支持旧浏览器是否更好？线条高度的版本对我来说更像是一个黑客，但速度更快

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

对于垂直居中拖曳左侧浮动元素，使用线高度居中是更好的方法

---

对于垂直居中拖曳左浮动元素而言，居中带线高是更好的方式

在IE8中，线高和填充通常都是正常的

除此之外，还是喜欢填充。除非您知道您的内容永远不需要断行，否则不要使用

行高

，因为一旦内容位于两行或更多行上，将行高包装到多行中的效果比使用填充方法的效果更破碎：

线路高度：

---

vs 填充：

---

在IE8中，线条高度和填充通常都可以

除此之外，还是喜欢填充。除非您知道您的内容永远不需要断行，否则不要使用

行高

，因为一旦内容位于两行或更多行上，将行高包装到多行中的效果比使用填充方法的效果更破碎：

线路高度：

---

vs 填充：

---

需要一个有效的理由。他不是在征求建议，而是需要一个合理的理由。他不是在征求建议