display布局下的img变形问题

时间 2021-01-08

标签 html+js+css css css3 html 栏目 CSS 繁體版

原文原文链接

今天用display布局两个img元素的时候，发现图片自动变形了。问题如下：然而我想要的效果是：那么问题来了，为什么会变形呢？是因为flex布局的align-items属性的值默认是stretch：如果项目未设置高度或设为auto，将占满整个容器的高度。但是为什么height变得这么大，我还没有找到原因。而且，在chrome中显示是理想状态的，我是用手机测试的时候才发现图片变形的问题，然后搜

>>阅读原文<<

1. 学习关于display ：flex 布局问题！
2. display: flex;’布局下使用‘white-space: nowrap;’致使的问题
3. 关于小程序img图片变形的问题
4. 【css布局】display、position、float、overflow
5. css样式 - 使用display: inline-block;布局时错位问题
6. 布局使用selector不变色问题
7. display属性的Flex布局的学习
8. CSS中的display属性的flex布局
9. CSS 实现瀑布流布局（display: flex）
10. 关于display的box和flex布局
更多相关文章...
• ASP.NET Web Pages - 页面布局 - ASP.NET 教程
• ASP.NET MVC - 样式和布局 - ASP.NET 教程
• PHP Ajax 跨域问题最佳解决方案
• 再有人问你分布式事务，把这篇扔给他

最新文章

1. 融合阿里云，牛客助您找到心仪好工作
2. 解决jdbc(jdbctemplate)在测试类时不报错在TomCatb部署后报错
3. 解决PyCharm GoLand IntelliJ 等 JetBrains 系列 IDE无法输入中文
4. vue+ant design中关于图片请求不显示的问题。
5. insufficient memory && Native memory allocation (malloc) failed
6. 解决IDEA用Maven创建的Web工程不能创建Java Class文件的问题
7. [已解决] Error: Cannot download ‘https://start.spring.io/starter.zip?
8. 在idea让java文件夹正常使用
9. Eclipse启动提示“subversive connector discovery”
10. 帅某-技巧-快速转帖博主文章（article_content）

本站公众号

欢迎关注本站公众号,获取更多信息

1. 学习关于display ：flex 布局问题！
2. display: flex;’布局下使用‘white-space: nowrap;’致使的问题
3. 关于小程序img图片变形的问题
4. 【css布局】display、position、float、overflow
5. css样式 - 使用display: inline-block;布局时错位问题
6. 布局使用selector不变色问题
7. display属性的Flex布局的学习
8. CSS中的display属性的flex布局
9. CSS 实现瀑布流布局（display: flex）
10. 关于display的box和flex布局

>>更多相关文章<<