html– 如何使flex子高度包装内容

概述参见英文答案 > How to disable equal height columns in Flexbox?                                    2个我基本上想要的是使每个子元素的高度包装其内容.这是我的代码：<style> .parent{ display: flex; }

参见英文答案 > How to disable equal height columns in Flexbox?                                    2个
我基本上想要的是使每个子元素的高度包装其内容.

这是我的代码：

输出：
预期产量：
最佳答案您只需要在父元素上设置align-items: flex-start,因为默认值为stretch.
.parent {  display: flex;  align-items: flex-start;}.child {  padding: 5px;  margin: 10px;  background: green;  height: auto;}
          总结       
以上是内存溢出为你收集整理的html  – 如何使flex子高度包装内容全部内容，希望文章能够帮你解决html  – 如何使flex子高度包装内容所遇到的程序开发问题。
如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。
					
										


					

						
欢迎分享，转载请注明来源：内存溢出
原文地址: http://outofmemory.cn/web/1123124.html