大佬教程收集整理的这篇文章主要介绍了html – 在不使用媒体查询的情况下,是否可以在换行时更改弹性项目的顺序？，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
[div1] [div2]
当它们包裹在较小的设备上时,最终会变为
[div1] [div2]
我想要的是让他们出现
[div2] [div1]
如果使用媒体查询,这是微不足道的,但我有一个非常动态的布局,这使得这是不可行的,我使用弹性框的全部原因是试图避免繁琐/无法获得的媒体查询.
是否有一些灵活的flex CSS属性组合可以提供我想要的行为？我已经玩了很多但没有成功,但觉得这必须是一个相对常见的CSS’想要’,所以希望有人在这里可以在几秒钟内回答这个问题！
https://jsfiddle.net/gveukj1j/
HTML：
<div id="container">
<div id="div2">
Div 2
</div>
<div id="div1">
Div 1
</div>
</div>
CSS：
/* the relevant CSS */ #container{display:flex;flex-wrap:wrap;flex-direction:row-reversE} #container>div{flex-basis:400px;flex-shrink:0} /* CSS to make the demo clear */ #container>div{line-height:200px;height:200px;color:#fff;text-align:center} #div1{BACkground:bluE} #div2{BACkground:reD}
以上是大佬教程为你收集整理的html – 在不使用媒体查询的情况下,是否可以在换行时更改弹性项目的顺序？全部内容，希望文章能够帮你解决html – 在不使用媒体查询的情况下,是否可以在换行时更改弹性项目的顺序？所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。