备案控制台

开发者社区> 问答> 正文

双图片并排显示问题

要求：

•两个图片并排显示

•不论两张图片尺寸差距，它们的高度按比例缩放到一致

•两张图片的总宽度与容器一致

•容器可自由缩放，容器高度可允许低于图片的高度（容器的高度不对布局产生影响）

screenshot

*示例中的A4、B5只表示图片的长宽比。

只用css布局（不使用js计算），可以做到吗？
我查阅了flex和-webkit-box两种布局，貌似都没有关于比例缩放的控制？

展开

收起

杨冬芳 2016-06-20 15:20:25 2181 0

1 条回答

写回答

取消提交回答

杨冬芳

IT从业

css无解，用js解决了，

2019-07-17 19:44:10

赞同展开评论打赏

问答分类：

前端开发 JavaScript 容器

问答地址：

开发者社区 > 开发与运维 > 问答

版权声明：本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

相关问答

修改企业资料，显示网络异常？（网络正常）

378

1

0

#支付宝图片高度固定，宽度自适应，怎么实现？大概是 widthFix 反过来？

519

1

0

微信小程序如何实现图片不指定宽度高度自动缩放？

1055

1

0

安卓手机端视频播放第一张不进行缩放模式（裁剪）设置，上下有黑条，第二张进行缩放模式设置，画面少一部分

799

0

0

不同高宽图片如何减掉底部固定高度的水印

2577

1

0

为什么我在这里发布了图片，都显示不出来

2160

1

0

核验单上传后原始大图不显示怎么办？

2556

1

0

如何实现鼠标移动到商品小图片上时替换掉大图片上的图片为当前鼠标移动过的图片？

2003

1

0

CSS幻灯片，切换图片时，2张图片有一部分出现重叠。

2240

1

0

想做图片根据手机横屏竖屏做旋转变化

2685

1

0

问答排行榜

最热

最新

1 【大咖问答】对话PostgreSQL 中国社区发起人之一，阿里云数据库高级专家德哥 1819193

2 据说在家办公的程序员是这样写代码的？ 1793370

3 阿里云开放端口权限 690397

4 如何升级配置 536363

5 【藏经阁一起读（27）】本周推荐《Apache Flink案例集（2022版）》，你有哪些心得？ 522989

6 【精品问答】python技术1000问(1) 514173

7 Flink Forward Asia 2021 有奖问答 512944

8 OceanBase 使用动画（持续更新） 359405

9 阿里云LNAMP(Linux + Nginx + Apache + MySQL + PHP)环境一键安装脚本 329826

10 OSS存储服务-客户端工具 321670

11 为体验实验室取一个新名字。 307530

12 企业邮箱发送邮件时，若出现投递失败产生退信，内容提示包含如下： the mta server of * reply:550 failed to meet SPF requirements 或者 the mta server of 163.com — 163mx01.mxmail.netease.com(220.181.14.141) reply:550 MI:SPF mx14,QMCowECpA0qTiftVaeB3Cg—.872S2 1442548128 http://mail.163.com/help 304156

13 Win Server 2003-2016 加密勒索事件必打补丁合集 295374

14 FLASH播放器，在IE浏览器下显示请确定您的域名已完成备案和CNAME绑定 284306

15 安全组详解，新手必看教程 277382

16 写code还是做管理，开发者如何进行职业规划？ 269296

17 惊喜翻倍：免费ECS+免费环境配置~！(ECS免费体验6个月活动3月31日结束) 255904

18 阿里云手机和阿云浏览器连接问题专帖 235719

19 支付宝H5 下载的时候，提示【请确保该下载文件来源安全,如需浏览,请长按网址复制后使用浏览器访问】 234248

20 请问阿里云邮箱如何开启SMTP服务啊！ 225942

1 大模型数据处理vs人工数据处理，哪个更靠谱？ 331

2 AI年味，创意新年，你认为AI能否为春节活动增添新意呢？ 854

3 在海量用户中，将如何快速定位到目标人群进行个性化营销？ 566

4 你认为哪些领域的知识对开发者来说特别重要？ 493

5 使用安全体检功能，看看你有多少未修复的安全问题？ 2343

6 强烈建议宜搭手机端改版，现在都展示些什么乱七八糟的内容。 177

7 AI时代，聊聊如何从海量数据中挖掘金矿？ 1263

8 关于qwen2-vl微调最佳实践 143

9 7、如何在阿里云ECS服务器上进行数据备份？ 116

10 与 AI “对话”，多模态音视频交互能给生活提供多大便利？ 754

11 AI造势，学习机爆火，距离“AI家教”还有多远？ 626

12 宜搭远程api 查询表单实例列表，查询条件如何实现类似sql 中的 in (a, b,……)的功能？ 109

13 “99套餐”ECS云端问答节！回答问题赢阿里云纪念衫、加湿器等好礼！ 979

14 开源PolarDB-X|proxy连接超时 166

15 短信服务发送失败提示签名黑名单 553

16 2024年接近尾声，你对即将到来的2025年有什么样的期待或愿望？ 2563

17 当面对多种不同格式的文档时，如何让AI系统更好地处理复杂文档？ 986

18 你好，需要阿里免费的企业邮箱，谢谢 372

19 宜搭普通表单中包含子表单，怎样把子表单的内容全部添加到另一个普通表单中？ 333

20 通义APP上新【局部风格化】新功能，万物皆可毛茸茸你体验了吗？ 1246

推荐问答

乘风问答官招募中！机械键盘免费拿

相关电子书

更多

低代码开发师（初级）实战教程 立即下载

冬季实战营第三期：MySQL数据库进阶实战 立即下载

阿里巴巴DevOps 最佳实践手册 立即下载