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

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

qiita.com/mpyw

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

記事へのコメント1件

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

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

2018/12/31 リンク

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

規約違反を報告

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

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

アプリをダウンロード

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

<!DOCTYPE html> <meta charset="UTF-8"> <title>Flexbox overflow-wrap Test</title> <style> /* 体裁... <!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; margin: 0 auto; } article { border: 4px solid blue; margin: 20px auto; background: pink; } p { border: 4px solid red; height: 4em; } /* 横方向 Flex */ .