在開發快應用布局時,要相容各種大小螢幕的div的縱向排列,傳統h5過度過來的同學會用到float:left
但是在快應用中無法使這類寫法生效
這時需要使用以上方向代替:
display: flex;
flex-direction: column;
padding:20px;
此方法請寫在需要縱向排列元素的父div中。
例圖說明:
![](https://img.laitimes.com/img/9ZDMuAjOiMmIsIjOiQnIsIyZuBnL1EWNjVWMwE2YkRWYhdTZ5E2YlNjN1MGMiNmY0kDNxMjZlJDOzcjYy8CXt92Yu4GZjlGbh5SZslmZxl3Lc9CX6MHc0RHaiojIsJye.png)
具體參考其它同學詳細說明:
發現問題:
https://www.cnblogs.com/u-1596086/p/11322925.html分析問題并解決:
http://www.yidianzixun.com/0KL4NPwf關于flex布局間距與靠右布局,部分情況可以通過嵌套完成:
flex各種情況:
https://www.jianshu.com/p/8e6bed181333參考h5的情況:
https://blog.csdn.net/hero82748274/article/details/81039651