自学内容网 自学内容网

【css】flex布局父元素宽度或高度无法被子元素撑开-bug记录

简言

flex布局父元素宽度或高度无法被子元素撑开问题。
解决方案:
手动计算子元素内容所占宽高,手动赋值给父元素即可。

flex布局宽高度问题

flex布局现在是特别常见得布局方式。
在此记录一个注意点:flex布局在不换行得情况下,会自动增加父元素宽度或高度(取决于flex子元素布局方向,即主轴方向),同时另一个宽度或高度不会自动增加(flex的交叉轴方向)!!!。
在这里插入图片描述

宽度和高度无法一起增加。

如果你想让交叉轴的高度或者宽度也随着子元素的内容增加,flex布局是做不到的,你需要计算子元素的宽度或高度,然后赋值给父元素。

结语

结束了。


原文地址:https://blog.csdn.net/qq_43231248/article/details/140657678

免责声明:本站文章内容转载自网络资源,如本站内容侵犯了原著者的合法权益,可联系本站删除。更多内容请关注自学内容网(zxcms.com)!