Flexboxのこのバグに悩んだ人もいると思います。リスト要素をFlexboxで複数列に配置し、ulにborderを適用したのに、ボーダーが全体を囲まないバグが8年越しにようやく修正されます。期待する表示まずは、そのバグが確認できるデモをご覧ください。red;を設定しています。ボーダーはリスト全体ではなく左端の1列のみに適用されます。Firefoxで確認できます。version)ではバグで表示されます。CodePen.HTMLは、下記の通り。</ul>123456789101112<ul><li>One</li><li>Two</li><li>Three</li><li>Four</li><li>Five</li><li>Six</li><li>Seven</li><li>Eight</li><li>Nine</li><li>Ten</li></ul>CSSは、下記の通り。Firefoxでは期待通りに表示されません。wrap;に対して誤って計算されるからです。この場合、左端のみに適用されます。各プロパティの使い方を詳しく解説をご覧ください。116(8/9リリース予定)でこのバグが修正される予定です。各ブラウザの表示をご覧ください。Canaryではすでに期待通りに表示されます。元ネタは、下記ツイ、、、ポスト?より。WordPress当サイトではCookieを使用しています。引き続き当サイトを閲覧することにより、ポリシーを受け入れたものとみなされます。