▲TOPへ戻る

【HTML】【CSS】flexboxでwidthが効かない時の対処法

  

flexboxでwidthを指定しているのに全然言うことを聞いてくれないことがあります。300pxって書いているのに、表示は220px。

width

CSSわずか1行で解決!!!

 .box1{
    flex-shrink: 0;
}
width

widthが効くようになりました。

Lorem ipsum dolor sit amet, consectetur adipisicing elit.
point

flexboxでwidthが効かないときはCSSに1行 flex-shrink: 0;  を加える。

profile

パソコン好きなガオ

コロナ禍によるステイホームを機にプログラミングを学ぶ。パソコンに関してはプロではないが、ちょっと詳しい程度。<