天天看點

快應用div縱向排列-----快應用無法使用float

在開發快應用布局時,要相容各種大小螢幕的div的縱向排列,傳統h5過度過來的同學會用到float:left

但是在快應用中無法使這類寫法生效

這時需要使用以上方向代替:

display: flex;

flex-direction: column;

padding:20px;

此方法請寫在需要縱向排列元素的父div中。

例圖說明:

快應用div縱向排列-----快應用無法使用float

具體參考其它同學詳細說明:

發現問題:

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