解决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>

显示效果：