使用CSS切换块元素的顺序

使用CSS切换块元素的顺序

正如已经建议的那样Flexbox是答案-尤其是因为您只需要支持一个现代的浏览器：Mobile Safari。

您可以根据需要删除带

-moz-

前缀的属性，我留给了以后的读者。

    #blockContainer {        display: -webkit-box;        display: -moz-box;        display: box;        -webkit-box-orient: vertical;        -moz-box-orient: vertical;        box-orient: vertical;    }    #blockA {        -webkit-box-ordinal-group: 2;        -moz-box-ordinal-group: 2;        box-ordinal-group: 2;    }    #blockB {        -webkit-box-ordinal-group: 3;        -moz-box-ordinal-group: 3;        box-ordinal-group: 3;    }    <div id="blockContainer">        <div id="blockA">Block A</div>        <div id="blockB">Block B</div>        <div id="blockC">Block C</div>    </div>