網(wǎng)頁用瀑布流布局有什么好處？我看不清代碼，但從上面的渲染可以看出代碼的方向不正確。你的代碼是水平的。這種瀑布式要垂直div走，即垂直無縫隙，一頁要有垂直div布局。而不是水平排列。瀑布流是什么？瀑布流

網(wǎng)頁用瀑布流布局有什么好處？

我看不清代碼，但從上面的渲染可以看出代碼的方向不正確。你的代碼是水平的。這種瀑布式要垂直div走，即垂直無縫隙，一頁要有垂直div布局。而不是水平排列。

瀑布流是什么？

瀑布流，也稱為瀑布流布局。這是一個流行的網(wǎng)頁布局。視覺表現(xiàn)為多列布局不均。當頁面滾動條向下滾動時，此布局將繼續(xù)加載數(shù)據(jù)塊并附加到當前尾部。Pinterest是第一個采用這種布局的網(wǎng)站，并逐漸在中國流行起來。這是中國大多數(shù)生鮮站的基本風(fēng)格。

特點：1。炫目：整頁以圖片為主，不同大小的圖片按照一定的規(guī)則排列。

2. 唯美主義：畫面的風(fēng)格主要是唯美主義。

3. 操作簡單：瀏覽網(wǎng)站時，只需滑動鼠標滾輪，所有精彩的圖片都能呈現(xiàn)在眼前。

有一個叫做瀑布流的軟件。

瀑布流布局中的每列的尺寸以及間距是設(shè)計師在設(shè)計的時候算好的嗎？

您只能設(shè)置寬度，并通過代碼按相同的寬度縮放每張圖片，這樣就不會失真。由于每張圖片大小不同，縮放后的高度也不同。按縮放后的高度排列即可