css - 第一个孩子在它自己的线上

Question

我想让我的 .screen 类独立存在。假设我不能改变当前的布局。

<div class="app">
    <div class="screen"></div>
    <a href="#"></a>
    <a href="#"></a>
    <a href="#"></a>
    <a href="#"></a>
</div>

我虽然这样display: block;做可以解决问题，但没有。

.screen {
    display: block;
}

到目前为止，这一切都在一条线上。我只对 flex 很方便，而且我想不出 flex 会在这里帮助我。

标签： css

Answer 1

如果您使用 flexboxflex-wrap可以提供帮助。使第一个孩子 100% 宽并放在flex-wrap: wrap父母身上。