改变CSS弹性方向

时间:2017-03-03 15:56:23

标签: css flexbox flex-direction

是否可以将块的弯曲方向从一个块更改为另一个块?

我有一列块(显然是垂直运行)使用flex,但在这些块的中间块中,有三个较小的内部块需要水平运行 - 我已经尝试{{1} },并将其父级设置为display: inline-block。我已尝试将它们设置为display: flex; flex-direction: rowflex: 0,但它们仍会显示在列中。

想象一下这个结构:

flex: none

如何让父母垂直显示并填充垂直可用空间,而这三个内部块水平显示可编辑的宽度?

1 个答案:

答案 0 :(得分:0)

我想象了结构,这是你可以做的:

Deploy
|-------------|--------------|--------------|
|factGroupName|       CI     |   Config     |
|-------------|--------------|--------------|
| test_servers|  alpha       |    foo       |
| test_servers|  beta        |    bar       |
|-------------|--------------|--------------|