使用margin-left:auto实现单独排列的菜单项

结构

	<div class="menu">
		<div class="item">首页</div>
		<div class="item">公告</div>
		<div class="item">产品</div>
		<div class="item">关于</div>
		<div class="item">登录/注册</div>
	</div>

样式

		.menu {
			display: flex;
			padding: 10px;
			background-color: #f00;
			color: #fff;
		}

		.item {
			padding: 0 10px;
		}

		.item:last-child {
			margin-left: auto;
		}

效果