flex布局右对齐最后一个元素

很简单,只需要在flex子元素最后一个加上 margin-left: auto:

.main { display: flex; }
.a, .b, .c { 
	background: #efefef; 
	border: 1px solid #999; 
}
.b { 
	flex: 1; 
	text-align: center; 
}
.c {margin-left: auto;}

详见:How to Right-align flex item?

你可能感兴趣的:(前端,css,flex)