今天在使用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>
显示效果: