Flexbox:多个容器,灵活项目上的容器?

时间:2017-05-16 08:04:52

标签: css css3 flexbox

使用多个flex容器是不是很糟糕,实际上是在flex项目上展示容器吗?

我有一个主div被分配显示:flex然后我有两个div并且我分配了flex-grow: 1,这样它们每个都填满了50%。

现在在每个DIV中我有更多DIV内容,但我希望垂直对齐该内容,那么我也可以对此应用display:flex吗?

也许我对flexbox过分偏执?

我最近发现了flexbox,对我来说似乎解决了很多css问题,所以我经常使用它。

1 个答案:

答案 0 :(得分:1)

您可以在下面使用它是示例



    $dateRegex = new \MongoRegex(('/' . $currentDate . '/i'));

    foreach ($this->collection->find(['createdDate' => $dateRegex]) as $key => $log) {
        ....
    }

        .main {
            display: flex;
        }
        .child {
            flex:1;
            border:1px solid tomato;
        }
        .content {
            display: flex;
            justify-content: flex-start;
            align-items: center;
            flex-flow: column nowrap;
        }
        .content-child{
            padding: 5px;
        }