HTML:
<div class="flex">
<span>One</span>
<span>two</span>
<span>three</span>
<span class="four">four</span>
<span>five</span>
</div>
Run Code Online (Sandbox Code Playgroud)
CSS:
.flex {
display: flex;
flex-direction: column;
justify-content: center;
}
span {
background: #999;
margin-top:10px;
}
.four {
background: #FFFF00;
}
Run Code Online (Sandbox Code Playgroud)
基本上标题已经说明了这一点 - 如何将.four和内联.five spans到一行中?有可能吗?有什么想法吗?