国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁(yè) > 開(kāi)發(fā) > CSS > 正文

瀑布流布局的兩種實(shí)現(xiàn)方式：傳統(tǒng)多列浮動(dòng)和絕對(duì)定位布局

2024-07-11 08:50:44
字體：大 中 小
來(lái)源：轉(zhuǎn)載
供稿：網(wǎng)友
傳統(tǒng)多列浮動(dòng)

各列固定寬度，并且左浮動(dòng)；
一列中的數(shù)據(jù)塊為一組，列中的每個(gè)數(shù)據(jù)塊依次排列即可；
更多數(shù)據(jù)加載時(shí)，需要分別插入到不同的列上；

優(yōu)點(diǎn):
（1）布局簡(jiǎn)單，應(yīng)該說(shuō)沒(méi)啥特別的難點(diǎn)；
（2）不用明確知道數(shù)據(jù)塊高度，當(dāng)數(shù)據(jù)塊中有圖片時(shí)，就不需要指定圖片高度。
缺點(diǎn):
（1）列數(shù)固定，擴(kuò)展不易，當(dāng)瀏覽器窗口大小變化時(shí)，只能固定的x列，如果要添加一列，很難調(diào)整數(shù)據(jù)塊的排列；
（2）滾動(dòng)加載更多數(shù)據(jù)時(shí)，還要指定插入到第幾列中，還是不方便。

代碼范例：

復(fù)制代碼

發(fā)表評(píng)論 共有條評(píng)論
用戶名: 密碼:
驗(yàn)證碼: 匿名發(fā)表
主站蜘蛛池模板： 都昌县| 库尔勒市| 徐闻县| 河南省| 广汉市| 自贡市| 无棣县| 乡城县| 忻州市| 中方县| 运城市| 祁连县| 三门县| 景宁| 五常市| 中山市| 西和县| 灌南县| 庐江县| 大同市| 阳曲县| 乌拉特后旗| 乐清市| 江山市| 新和县| 巴塘县| 长治市| 镇远县| 莒南县| 西和县| 潞城市| 罗源县| 新沂市| 龙门县| 绥德县| 临西县| 湖南省| 巩义市| 屏东市| 晴隆县| 顺平县|