垂直顶部导航菜单项

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; 
     }