使用Flexbox实现导航栏列表项居右对齐和垂直居中

Flexbox 导航栏右对齐和垂直居中的主要步骤：
1 .设置nav为Flex容器，display:flex。

白话：将display:flex添加到导航标签以启用Flex布局。

2 justify-content:flex-end 右对齐子元素。

用白话来说：子元素（ul）排列在右边，flex-end就够了。

3 align-items:center 垂直居中子项目。

用白话来说：子元素在中间垂直对齐，使用center。

4 nav加上净高（如高度：6 vh）。

大白话：导航高度设置为6 vh并垂直居中即可生效。

具体代码：