无法使用Angular.js包装文本

Question

我需要一个帮助。我使用Angular.js中的ng-repeat在我的HTML页面上绑定了一些数据。我在解释下面的代码。

<tbody id="detailsstockid">
<tr ng-repeat="plan in viewUnitData | orderBy:'user_name' " flex="20" layout-wrap>
<td>{{$index+1}}</td>
<td>{{plan.colg_name}}</td>
<td>{{plan.dept_name}}</td>
<td>{{plan.session}}</td>
<td>{{plan.user_name}}</td>
<td>{{plan.short_name}}</td>
<td >{{plan.semester}}</td>
<td >{{plan.subject_name}}</td>
<td >{{plan.section_name}}</td>
<td >{{plan.unit_name}}</td>
</tbody>

这里我的问题是，如果大学名称长度更多这个完全表是滚动到一边。所以我想包装文本，以便滚动问题不会出现，但它不能包装文本。这里我需要如果长度将超过20它将会中断并且休息线将在下一行中出现，以便滚动不会到来。请帮助我。