flexレイアウトで、子要素を可変にしたい時は、「 flex-grow 」を指定するのが簡単です。
子要素に、flex-growを指定します。
1 2 3 4 5 6 7 8 9 10 11 |
ul.navi{ display: flex; } ul.navi li{ flex-grow: 1; } |
flexレイアウトで、子要素を可変にしたい時は、「 flex-grow 」を指定するのが簡単です。
子要素に、flex-growを指定します。
1 2 3 4 5 6 7 8 9 10 11 |
ul.navi{ display: flex; } ul.navi li{ flex-grow: 1; } |