顶部导航菜单项的垂直对齐

Question

这就像我的菜单现在一样：

如您所见，我希望有多行菜单项 我现在想知道的是如何垂直对齐我的所有菜单项？

以下是当前的HTML结构：

<nav><div>
<ul>
<li><a>menu-item</a></li>
....
</ul>
</div></nav>

欢迎任何建议。谢谢！

Answer 1

像这样：

nav {
    display: table;
    width: 100%;
}

    nav ul {
        display: table-row;
    }

        nav ul li {
            display: table-cell;
            vertical-align: middle;
        }