再网页元素的布局中，经常要用到flex布局，有时遇见中间的位置有弹性的时候，希望最后一个元素靠右布局，其他元素还是依此靠左排列，中间的间距是弹性的，这个时候flex布局就需要特殊设置下了，代码如下。

<view class="nav_box">
    <view class="item">首页</view>
    <view class="item">分类</view>
    <view class="item">联系我们</view>
    <view class="item">测试</view>
</view>

<style>
    .nav_box {
        display:flex;
    }
    .item:last-child {
        margin-left:auto;   //此处是关键点哈
    }
</style>

在最后一个元素的样式上加上一个margin-left:auto，就能实现最后一个元素靠右了，

如果是所有的元素都靠右排列，可以通过 justify-content: flex-end 来实现。代码如下：

<view class="nav_box">
    <view class="item">首页</view>
    <view class="item">分类</view>
    <view class="item">联系我们</view>
    <view class="item">测试</view>
</view>

<style>
    .nav_box {
        display:flex;
        justify-content: flex-end; //此处是关键点
    }
</style>

当然除了使用flex布局，也可以使用flex来实现，或者混合使用，需要根据情况来使用不同的策略来对待。