css的flex布局中使用margin:auto智能分配剩余空间

<div class="container">
    <content>1</content>
    <content>2</content>
    <content>3</content>
</div>

.container {
    display: flex;
}

第二个元素居中

content:nth-of-type(2) {
    margin: auto;
}

第三个元素右对齐

content:last-child {
    margin-left: auto;
}