小编miz*_*zzo的帖子

将 flex-direction 设置为列时防止 Flexbox 中换行

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到一行中?有可能吗?有什么想法吗?

https://jsfiddle.net/erghcuhw/

html css flexbox

6
推荐指数
1
解决办法
6608
查看次数

标签 统计

css ×1

flexbox ×1

html ×1