Image Flex 集中在其他设备上,但不在我的笔记本电脑上
P粉270891688
P粉270891688 2024-02-17 20:18:55
[CSS3讨论组]

我正在创建一个网页,遇到了一个问题,我的页面中的 Flex 上显示了 4 个图像,当我单击“检查”并查看它在其他设备上的显示方式时,我看到顶部有 2 个图像,还有 2 个图像在底部。在此处输入图像描述

但是当我返回并在笔记本电脑上显示它时,我看到顶部有 3 个图像,底部有 1 个图像,请在此处输入图像描述

我想知道我可以做些什么来修复它,以便它始终显示第一张图片中的图像(顶部 2 个,底部 2 个)。

这是我的一段代码

img {
width: 350px;
padding: 5px;
transition: transform .2s;
}

img:hover {
cursor: pointer;
transform: scale(1.03);
}

.container {
margin-top: 80px;
display: flex;
max-width: 1500px;
width: 100%;
flex-wrap: wrap;
justify-content: center;
align-items: center;
}

P粉270891688
P粉270891688

全部回复(0)
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号