Flex-Basis を使用して Flex アイテムを幅全体に広げるにはどうすればよいですか?

全幅要素を強制するフレックスベース

最初の 2 つのフレックスの下に 3 番目の要素を全幅に強制的に広げるため

項目に flex-basis: 100% を設定することで、flex-basis プロパティを利用できます。 3 番目の要素では、使用可能なスペース全体を占めるように指示し、効果的に行幅全体に広がるように強制します。

.error {
  flex: 0 0 100%; /* flex-grow, flex-shrink, flex-basis */
  border: 1px dashed black;
}

これにより、サイズに関係なく、3 番目の項目が常に残りのスペースを占有することが保証されます。最初の 2 つの項目のうち。

以上がFlex-Basis を使用して Flex アイテムを幅全体に広げるにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。