Html 在div内垂直对齐图像和文本

是否可以通过绝对/相对定位在div内垂直对齐图像和文本

我需要这样做，我正在尝试使用尽可能少的类/黑客

是唯一一种类似显示的方式：表格单元格；垂直对齐：中间

示例代码：

---

垂直对齐是一种方式，绝对/相对定位是另一种方式，但还有html对齐属性

在我看来，添加到您的css与垂直对齐是最聪明的方式

.test
vertical-align: middle;

---

垂直对齐是一种方式，绝对/相对定位是另一种方式，但还有html对齐属性

在我看来，添加到您的css与垂直对齐是最聪明的方式

.test
vertical-align: middle;

---

一种方法是将显示：表格单元格与垂直对齐：中间对齐一起使用

请参见一个示例：

---

此方法的一个问题是IE7不支持属性“table cell”。

一种方法是将显示：table cell与垂直对齐：中间对齐

请参见一个示例：

---

此方法的一个问题是IE7不支持属性“table cell”。

Chris Coyier有一篇关于CSS技巧的文章，介绍了如何使用CSS垂直居中单个和多行文本

Chris Coyier有一篇关于CSS技巧的优秀文章，介绍了如何使用CSS垂直居中单个和多行文本

在上面的评论中发布，但此代码适用于任何感兴趣的人-->

---

在上面的评论中发布，但此代码适用于其他感兴趣的人-->

---

ya我在google/so上看到过这种方法，但我的主要问题是（不关心ie7）元素被分组为一个，所以如果是图标文本图标，它们会像在JSFIDLE中一样出现锯齿状。因此，重新措辞-我希望每个单独的图像/文本都在容器div中居中，因此，图像/文本一起看起来很好。我知道用相对/绝对定位可以很容易地做到这一点，当这个问题应该以一种更简单的方式解决时，创建这么多额外的css黑客是很烦人的（在我看来）是的，我在谷歌上看到了这种方法/所以在搜索解决方案时，我的主要问题是（不关心ie7）元素被分组为一个，因此，如果是图标文本图标，它们会像在JSFIDLE中一样出现锯齿状。因此，换言之，我希望每个单独的图像/文本都在容器div中居中，以便图像/文本一起看起来很好。我知道用相对/绝对定位可以很容易地做到这一点，但在我看来，以前的作品应该以更简单的方式来处理这一点，但我想我喜欢我提出的解决方案-->以前的作品，但我想我喜欢我提出的解决方案-->