1. 如果这段文本是有空格的,正常情况下文本会自动换行。这里涉及到一个css属性white-space,它的默认值是normal。当文本很长时,它会控制文本在合适的空格处换行。但如果你的DataGrid或者table套在了其他table里,而这个table指定了white-space:nowrap(表示文本不换行),那这个table里面的元素就会继承这个属性,文本也就不会换行。因此你需要给你想要文本换行的元素里单独添加样式属性white-space:normal,这样就能换行了。
2. 如果这段文本没有空格,那我们单独指定white-space:normal还不行。在有white-space:normal的前提下,我们再指定一个样式word-break:break-all。字面意思就是字符可以在任何位置分隔开,这就像是加了空格,文本也就可以换行了。