diaplay:flex布局下，css 文本超出强制换行未生效

在弹性布局下，

如果父元素是display:flex，那么子元素文本超出后，无法做到自动换行。

 .content {
   display: flex;
   padding: 10px;
   width: 350px;
}

这是因为父元素的样式，影响了子元素。

解决方式是在父元素上加上

 white-space: normal;

.content{
  display: flex;
   padding: 10px;
   width: 350px;
   white-space: normal;
}