flex 布局时，内容不会自动换行

问题：

flex 布局时，内容超过盒子宽度时，当内容为中文时会自动换行显示，而内容是一串英文字符或者数字时，就不会自动换行显示

解决：

word-break: break-all;

# 在合适的点换行：

normal	        # 使用浏览器默认的换行规则。
break-all	# 允许在单词内换行。
keep-all	# 只能在半角空格或连字符处换行