flex佈局中，保持內容不超出容器的解決辦法

在移動端，flex 佈局很好用，它可以根據設備寬度來自動調整容器的寬度，用起來很方便，已經愈來愈離不開它，可是最近在作項目的時候發現一個問題。css 就是在一個設置了 flex:1 的容器中，若是文字很長，這時候文字就會超出容器，而不是呆在設置好的動態剩餘的空間中。因爲實際項目的比較複雜，很差拿出來講，這裏就把問題簡化描述以下：html 大體是有一個main容器是flex佈局，左邊一個logo固定

>>阅读原文<<