这是一个创建于 2243 天前的主题，其中的信息可能已经有所发展或是发生改变。
例子： https://jsfiddle.net/89d627eh/ （可以左右拉动窗口宽度进行调试）
在该页面中，.title 的 div 写在.poster 上面
现在想在屏幕宽度<500p 时将.title 移动至.poster 下方
有没有优雅的实现方案？
（ 目前用很粗糙的实现方案： https://jsfiddle.net/xko4t3c7/ ）
在该页面中，.title 的 div 写在.poster 上面
现在想在屏幕宽度<500p 时将.title 移动至.poster 下方
有没有优雅的实现方案？
（ 目前用很粗糙的实现方案： https://jsfiddle.net/xko4t3c7/ ）
 |
1
Biebe 2018-10-04 10:46:49 +08:00 via iPhone  1
flex order
|
 |
2
nikoo OP @Biebe 谢谢，我搜索后参考 https://www.w3schools.com/cssref/tryit.asp?filename=trycss3_order
测试外套了一个.main 并且 .main {display: flex;} 但这样只是横着排列，display: flex;没法让元素竖着拍 |
|
3
nikoo OP |
 |
4
rabbbit 2018-10-04 11:22:37 +08:00 2
 |
 |
5
banricho 2018-10-04 11:27:51 +08:00 1
order 需要一个个搞
整体排序可以用 flex-direction 需要兼容低版本浏览器的话，考虑直接 JS 吧... |
|
7
nikoo OP @banricho 用 js 是怎么搞？先 remove 然后再把.title 元素 append 到.poster 后面吗？
|
Select Language