使用flex布局，子元素怎么高度自適應(yīng)？首先你需要知道自動(dòng)什么已設(shè)置。Flex是Flex grow、Flex shrink和Flex Base的縮寫。默認(rèn)情況下，flex的值為0.1 auto，即子元

使用flex布局，子元素怎么高度自適應(yīng)？

首先你需要知道自動(dòng)什么已設(shè)置。Flex是Flex grow、Flex shrink和Flex Base的縮寫。

默認(rèn)情況下，flex的值為0.1 auto，即子元素不放大，當(dāng)父元素空間不足，子元素占用的空間為其自身大小時(shí)，子元素會(huì)縮小。

柔性：自動(dòng)和彈性：11自動(dòng)是等效的。也就是說，當(dāng)父元素有額外的空間時(shí)，子元素將被放大。但這只是水平放大，與高度無關(guān)。

您可以將父元素的align項(xiàng)設(shè)置為try，或者查看set屬性是否被更高優(yōu)先級(jí)覆蓋。

火狐瀏覽器，使用flex布局后，項(xiàng)目的上下內(nèi)邊距是基于父元素高度而非寬度？

父元素的高度可以設(shè)置為null或auto，例如高度：自動(dòng)或不要使用高度，例如：1。高度是自動(dòng)的，這里是子集內(nèi)容，子集內(nèi)容的寬度是780px，高度是1000px，中心對(duì)齊；這是父內(nèi)容，寬度是800px，高度是自適應(yīng)的；2。高度未設(shè)置；例如：這里是子集內(nèi)容，子集內(nèi)容的寬度為7 80px，高1000px，居中；這是父內(nèi)容，寬800px