flex高度分配问题 火狐浏览器,使用flex布局后,项目的上下内边距是基于父元素高度而非宽度?
浏览量:2231
时间:2021-03-16 01:49:23
作者:admin
火狐浏览器,使用flex布局后,项目的上下内边距是基于父元素高度而非宽度?
父元素的高度可以设置为null或auto,例如高度:自动或不要使用高度,例如:1。高度是自动的,这里是子集内容,子集内容的宽度是780px,高度是1000px,中心对齐;这是父内容,宽度是800px,高度是自适应的;2。高度未设置;例如:这里是子集内容,子集内容的宽度为780px Px,高度为1000px,居中对齐;这是父内容,宽度为800px
首先,您需要知道自动什么已设置。Flex是Flex grow、Flex shrink和Flex Base的缩写。
默认情况下,flex的值为0.1 auto,即子元素不放大,当父元素空间不足,子元素占用的空间为其自身大小时,子元素会缩小。
柔性:自动和弹性:11自动是等效的。也就是说,当父元素有额外的空间时,子元素将被放大。但这只是水平放大,与高度无关。
您可以将父元素的align项设置为try,或者查看set属性是否被更高优先级覆盖。
flex高度分配问题 flex子元素撑开父元素 flex布局高度自适应
版权声明:本文内容由互联网用户自发贡献,本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。