Html 如何在LI中垂直居中文本和图像 我有这个列表块（），需要用图标垂直地排列文本，所以每当我有超过1行文本时，所有的东西都停留在Li的中间。我知道其他人在这里问了类似的问题，但没有一个对我有用：(

您可以使用

显示：内联块；

和

垂直对齐：中间；

来定位文本和图标。您还需要从图标中删除

浮动：右；

这里是一个快速的例子。我在文本中添加了

宽度

和

右填充

，只是为了让它看起来更好

---

或者在注释中使用@ilmk中的解决方案：）

您可以通过更改以下样式来使用

显示：表

属性：

ul.quote-list li {
    font-size: 14px;
    color: #2a80b9;
    border-top: 1px dashed #dbdbdb;
    line-height: 1.2;
    display:table;
    width:100%;
}

ul.quote-list li > a { /*please note the extra > here */
    color: #2a80b9;
    text-decoration:none;
    display:table-cell;
    vertical-align:middle;
    padding:18px 0 18px 20px;
}

.right {
    display:table-cell;
    vertical-align:middle;
    width:30px;
    text-align:center;
}

---

这就是你所需要的？由于某些原因，它们在我这边没有完全对齐。无论如何，谢谢你；）谢谢实际上，我选择了Pete answer，因为它看起来更健壮。