如何获得“书籍”＃39;在中间垂直对齐？

Question

当我添加vertical-align: middle;时，我似乎无法让BOOKS在中间垂直对齐但我必须遗漏一些东西？有人可以帮帮我吗。

http://jsfiddle.net/wz9xzu2v/1/

Answer 1

您需要将vertival-align:middle设置为img代码。

#menu ul > li img {
    display: inline;
    border: 1px;
    margin: auto;
    vertical-align: middle; // <- added this
}

http://jsfiddle.net/wz9xzu2v/5/

Answer 2

或者您也可以提供与该特定

相同高度的图像高度的行高。它会将你的文字垂直放在中心。

li.img-text {line-height:35px;}