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

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

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

瀑布流是什么？

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

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

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

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

有一個(gè)叫做瀑布流的軟件。

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

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