jQuery datatable非常好用,也相当的美观,但是数据宽度不一致时表头换行很难看。
datatable 表头禁止换行:
.dataTable th {
white-space: nowrap !important;
}
但是实际使用中发现把浏览器拉大拉小的过程中,表头还是会换行,但是问题不大,浏览器窗口固定大小时没问题。
其它不换行:
强制不换行
p { white-space:nowrap; }
自动换行
p { word-wrap:break-word; word-break:normal; }
强制英文单词断行
p { word-break:break-all; }
*注意:设置强制将英文单词断行,需要将行内元素设置为块级元素。
span { display:block; }