html - 导航不会垂直对齐

Question

我一直在尝试在我的导航菜单上垂直对齐。我试过 display:table-cell; vertical-align: middle;，但它不会。我不想应用 padding-top 或 margin top。我如何设法做到这一点？

我的 fiddle https://jsfiddle.net/Tokyo/27kquzm3/

Answer 1

你必须给 ul display:table 并移除 float:left; 然后给 display:table- cell;vertical-align:middle; 到 li 元素。

#cssmenu > ul > li {
  display: table-cell;
 vertical-align: middle;
}

#cssmenu ul
{
    display: table;
    height: 100%;
}

Jsfiddle