我们在写导航的时候，要实现两端对齐有多种方法，不过好像都稍微有点麻烦，现在有了flex布局，要实现这样的效果就很方便，直接设置一个属性就好了，看下面代码：
ul{ width: 300px; height: 30px; border: 1px solid gray; display: flex; justify-content: space-between; }
li{ border: 2px solid yellow; }
<ul>
<li>首页</li>
<li>产品</li>
<li>关于</li>
<li>联系</li>
</ul>
