默认不自动换行。
让子项与其内容等宽，并把所有子项的
高度
变为最高子项的
高度
。
这样设置背景色的时候非常不方便，那么直接在父项上，将align-items设为
flex
-start,或者align-items属性的其他值都可以,子项就会
保持
自身的
高度
了。
.fat{
display:
flex
;
align-items:
flex
-start;
效果如下：
到此这篇关于
Flex布局
让子项
保持
自身
高度
的实现的文章就介绍到这
需求：图片和文字单独各一列，且各自显示正常的自身
高度
**解决办法：**设置容器p的布局为
flex布局
，display：
flex
。此时
flex布局
内的
子元素
会默认水平显示。
出现新问题，
子元素
里的图片
高度
不对了，取的是父容器p里
子元素
的最大
高度
，原因是：
这是因为
Flex
布局会默认：
● 把所有子项变成水平排列。
● 默认不自动换行。
● 让子项与其内容等宽，并把所有子项的
高度
变为最高子项的
高度
。
这样设置背景色的时候非常
这是我在维护他人代码时发现的问题。如图，为了使icon与文字底部对齐，每一行都是
flex布局
row, 然后align-items:
flex
-end。但当右边字体超出一行的时候，父容器被撑高，但
子元素
还是自身
高度
，就会导致一下情况。
我这里我本来想给icon加个height：100%，占满父元素的，但是
