Flexbox からコンテンツはみ出る問題を完全に解決する - Qiita

テクノロジーカテゴリーの変更を依頼記事元:

qiita.com/mpyw

12 usersがブックマークコメント

記事へのコメント1件

注目コメント
新着コメント

efcl Flexboxのmin-widthの話。折返しよりもコンテンツの幅の方が優先されるので、min-widthのデフォルト値がautoのFlexboxははみ出る話 nanto.asablo.jp/blog/2016/04/03/8063943

2018/12/31 リンク

注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

規約違反を報告

いまの話題をアプリでチェック！

バナー広告なし
ミュート機能あり
ダークモード搭載

アプリをダウンロード

Flexbox からコンテンツはみ出る問題を完全に解決する - Qiita

* { overflow-wrap: break-word; word-wrap: break-word; } .d-flex:not(.flex-column)>* { min-width: ... * { overflow-wrap: break-word; word-wrap: break-word; } .d-flex:not(.flex-column)>* { min-width: 0; } .d-flex.flex-column>* { max-width: 100%; } <!DOCTYPE html> <meta charset="UTF-8"> <title>Flexbox overflow-wrap Test</title> <style> /* 体裁用 */ * { margin: 0; padding: 0; box-sizing: border-box; font-family: monospace; } html, body, main { height: 100%; } main { width: 640px; background: ivory; marg