[闲聊畅谈] CSS大神请进来，求教一个浮动排版的问题 [复制链接]
查看:1909 | 回复:12

挑三拣四 · 发表于 2020-7-4 18:44:13

这种类似瀑布流的排版，

几个大区块，每个区块里的小块不同，高度也不同，怎么让他自适应对齐啊？

比如中间那一列，可能上面那块高一点，下面那块矮一点，也可能上面矮一点，下面高一点

孺子 · 发表于 2020-7-4 19:55:35

本帖最后由孺子于 2020-7-4 19:57 编辑

不知道。感觉能实现，但是很麻烦。
一般我自己写css，
不会搞这么复杂。
以前有个挺火的设计论坛，好像倒闭了。不然你可以去问。

假设左边高是100
中间那就也是100

中上和中下你想用线框分别框起来?
不框起来的话本来只要你内容不超过100px都自适应。

比如上面的内容少，下面的就会往上顶。
上面的内容多，下面的就会往上挤。

如果中上都框起来
在我看来你只要让下面的框自适应就行。

懒得测试了，几年没写了。

看楼下有没有现在工作就写web的写个。
估计30秒就搞定了

挑三拣四 · 发表于 2020-7-4 20:41:30

是的，都是独立框框。。。

sunshow · 发表于 2020-7-5 10:56:06

flex布局

ytomorrow · 发表于 2020-7-5 11:45:19

问下戴维，他的技术好像不错

终端传媒 · 发表于 2020-7-5 16:39:21

提示: 作者被禁止或删除内容自动屏蔽

豆蔻年华 · 发表于 2020-7-5 18:58:52

用表格，自动对齐。

somotion · 发表于 2020-7-8 16:38:20

一看你css+div就没入门啊，这东西就是每个小框都全部往左浮，宽度可写死或百分比，高度自适应，所有小框都包在一个大容器里，大容器也用百分比或固定宽度就行了，每个小框就可以实现自动换行

可能我说了这方法你也不知道怎么写

大笨象会跳舞 · 发表于 2020-7-8 16:39:59

楼上大神

simida · 发表于 2020-7-8 18:40:20

好高端的样子

百独托管7500 紫田网络	超高转化播放器收cps[推荐]	速盾CDN 免实名免备防屏蔽	阿里云爆款特卖9.9元封顶	提升alexa、IP流量7Q5团队
【腾讯云】中小企福利专场	【腾讯云】多款产品1折起	高防随时退换好耶数据	小飞国外网赚带你月入万元	炎黄网络4H4G10M 99每月
香港带宽CN2/美国站群优惠	中客数据中心服务器租用	联盟系统移动广告平台中易	企业专场腾讯云服务器2.5折	九九数据工信部正规资质
腾讯云新用户大礼包代金券	高价收cpa注册量高价展示	【腾讯云】2核2G/9.93起	租服务器找45互联随时退换	阿里云短信服务验证秒达

[闲聊畅谈] CSS大神请进来，求教一个浮动排版的问题 [复制链接]
查看:1909 | 回复:12

本帖子中包含更多资源

浏览过的版块

落伍草根英雄

QQ绑定

落伍者

落伍手机绑定

落伍微信绑定

[闲聊畅谈] CSS大神请进来，求教一个浮动排版的问题 [复制链接] 查看:1909 | 回复:12

本帖子中包含更多资源

浏览过的版块

落伍草根英雄

QQ绑定

落伍者

落伍手机绑定

落伍微信绑定

[闲聊畅谈] CSS大神请进来，求教一个浮动排版的问题 [复制链接]
查看:1909 | 回复:12