flex布局中，保持内容不超出容器的解决办法

在移动端，flex 布局很好用，它可以根据设备宽度来自动调整容器的宽度，用起来很方便，已经愈来愈离不开它，可是最近在作项目的时候发现一个问题。css 就是在一个设置了 flex:1 的容器中，若是文字很长，这时候文字就会超出容器，而不是呆在设置好的动态剩余的空间中。因为实际项目的比较复杂，很差拿出来讲，这里就把问题简化描述以下：html 大体是有一个main容器是flex布局，左边一个logo固定

>>阅读原文<<