css控制文本实现越界省略号以及自动换行

越界省略号

复制代码代码如下:
.text-overflow {
display:block;
width:31em;
word-break:keep-all;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}

自动换行：

复制代码代码如下:
word-break:break-all;
white-space:normal;

对于表格文字溢出的定义：
对于表格超出范围显示省略号

复制代码代码如下:
table{
width:30em;
table-layout:fixed;
}
td{
width:100%;
word-break:keep-all;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}