Flex basis意思

"Flex basis"是一個與CSS（層疊樣式表）相關的術語，用於定義彈性元素在容器中的基礎尺寸。在CSS Flexbox布局模型中，flex basis屬性用於指定元素在未指定寬高的情況下如何分配空間。

當一個元素被設定為flex容器中的一個flex項目時，它可以通過設定flex屬性來接受一個flex grow、flex shrink和flex basis的值。其中，flex basis定義了元素在flex容器中占據的空間大小。

默認情況下，flex basis的值是auto，這意味著元素將根據其內容的大小來確定其基礎尺寸。但是，你可以通過設定flex basis的值來顯式地指定元素的基礎尺寸。例如，你可以設定flex basis為具體的像素值（如flex: 1 1 100px;），或者設定為百分比（如flex: 1 1 50%;）。

在彈性布局中，flex basis定義了元素在未擴展或收縮之前的尺寸。然後，flex grow和flex shrink屬性可以控制元素在容器中剩餘空間或不足空間時的行為。