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;
}

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

 

上一篇:Learning Search Space Partition for Black-box Optimization using Monte Carlo Tree Search


下一篇:CSS:弹性盒子布局