【CSS】flexレイアウトで子要素を可変にする

CSS

2023.11.272023.06.05

flexレイアウトで、子要素を可変にしたい時は、「 flex-grow 」を指定するのが簡単です。

子要素に、flex-growを指定します。



ul.navi{
display: flex;
}

ul.navi li{
flex-grow: 1;
}

ul.navi{

display: flex;

}

ul.navi li{

flex-grow: 1;

}