填充空间时向下推DIV

Question

我试图找出以下是否可行。

我有3个html块： 1.固定宽度的菜单按钮 2.可变宽度标题 3.可变宽度列表（包含按钮）

显然，在插图中几乎没有问题，但是当在移动设备上观看设计时，有可能所有3都不适合。

我试图找出是否可以在空间填满后将标题轻推到自己的行上 - 如果可能的话使用CSS。我看过一些关于flexbox的文章，但是我发现的任何内容都证明或证明这是否有效。

任何人都知道这是否可以使用flexbox或任何其他方法？

Answer 1

我只需将display:block添加到变量宽度标题中;在移动设备上时 - 通过媒体查询。

我认为没有可能检测到空间是否仅在CSS中填充。