鱼C论坛

 找回密码
 立即注册
查看: 1800|回复: 6

[已解决]图片排版问题

[复制链接]
发表于 2022-10-3 23:13:29 From FishC Mobile | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能^_^

您需要 登录 才可以下载或查看,没有账号?立即注册

x
怎么实现一个大图片后面跟着俩个小图片,我上传图片他就自动换行了求大佬讲解,刚开始学
最佳答案
2022-10-3 23:48:44

方法应该有蛮多的,这里给个思路:

div 下包裹三张图片,一个 class = left 另外两 right

left 的 float 左浮动,right 的 float 设置右浮动

设置好 div 的高,否则会内容塌陷

又或者可以使用 positon 定位来搞,前端太久没研究了,都有些忘了

9$M{%XDH_JWAJ@WUV]Z{IBF(1).png
}[LEE8$)KHIR]~UYDRP(WQ9(1).png

点评

请及时设置最佳答案  发表于 2023-1-5 22:09
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复

使用道具 举报

 楼主| 发表于 2022-10-3 23:14:27 From FishC Mobile | 显示全部楼层
第一个是我自己操作的,想实现第二个模板
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2022-10-3 23:48:44 | 显示全部楼层    本楼为最佳答案   

方法应该有蛮多的,这里给个思路:

div 下包裹三张图片,一个 class = left 另外两 right

left 的 float 左浮动,right 的 float 设置右浮动

设置好 div 的高,否则会内容塌陷

又或者可以使用 positon 定位来搞,前端太久没研究了,都有些忘了

想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2022-10-4 01:07:05 | 显示全部楼层
<div>
<img>(左浮动)
<div><img><img></div>(右浮动)
<div><p></p></div>(左浮动)
</div>
细节在扣一扣应该就可以吧
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2022-10-5 23:50:45 | 显示全部楼层
grid自动生成css和html就行了 谁手写这玩意啊
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2022-12-25 11:09:24 | 显示全部楼层
定位 浮动都可以
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

小黑屋|手机版|Archiver|鱼C工作室 ( 粤ICP备18085999号-1 | 粤公网安备 44051102000585号)

GMT+8, 2024-11-22 05:38

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

快速回复 返回顶部 返回列表