Flex与多列用于响应式砌体?

时间:2017-11-17 16:27:48

标签: html css css3 flexbox

我看到很多人都在谈论这个,但没有正确答案。为了实现这种响应式布局,box4位于box2下,而不是与方框3的顶部对齐:

single column for mobile 2 column for desktop

  <div id="container">
    <div id="box1">1</div>
    <div id="box2">2</div>
    <div id="box3">3</div>
    <div id="box4">4</div>
  </div>

多栏布局坚持将第1栏和第2栏放在第一栏,第3栏和第4栏放在第2栏,而不是首选顺序(如Jhey Tompkins常用的中栏);和

Flex坚持将box4与box3的顶部对齐。

所以没有人工作。我很确定这不是不可能的。策略是什么?

0 个答案:

没有答案