エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
ここにツイート内容が記載されます https://b.hatena.ne.jp/URLはspanで囲んでください
Twitterで共有ONにすると、次回以降このダイアログを飛ばしてTwitterに遷移します
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
子要素が親要素をはみ出してしまうことがある。 そんなときは子要素側に以下のCSSを順番に適用するとよ... 子要素が親要素をはみ出してしまうことがある。 そんなときは子要素側に以下のCSSを順番に適用するとよい 【1】 min-w-0 【2】 wrap-break-word 【3】 overflow 系 (ex. overflow-hidden, overflow-scroll) phase1: flex/gridの子要素を親要素内に収める 青色要素にflexやgridを使っているとき 赤色要素に min-width: 0; が適用されると コンテンツ幅が親要素の横幅内に収まる なぜ min-width の指定で解決するのか: min-width のデフォルト値は auto である 通常要素における min-width: auto; は実質的に 0 扱いとなる ただしflexやgridの子要素では「コンテンツサイズに基づく最小幅」と解釈される つまりテキスト量が多いと子要素が親要素からはみ出して