解决bootstrap 中解决表格中内容过大而页面杂乱问题

今天在使用bootstrap 表格的时候，因为要显示的中内容过大而使得页面看上去很不美观。
界面：
方法一：
增加样式 style=”word-break:break-all; word-wrap:break-all;”
这样会换行

方法二：在后面显示省略号
bootstrap ellipsis的使用

<TABLE  style="table-layout:fixed" class="table table-condensed table-bordered table-hover table-striped">  

<td style="overflow:hidden;white-space:nowrap;text-overflow:ellipsis;">2223333333333333333333333</td>  

显示效果：