今天小编跟大家讲解下有关div+CSS设置一行内文字超过宽度不换行且不显示截断文字加... ，相信小伙伴们对这个话题应该有所关注吧，小编也收集到了有关div+CSS设置一行内文字超过宽度不换行且不显示截断文字加... 的相关资料，希望小伙伴们看了有所帮助。
当一行文字超过DIV或者Table的宽度的时候 浏览器中默认是让它换行显示的 如果我们不想让他换行显示那要怎么办呢 看到这个标题很容易就会想到截断文字加“...”的做法。 一般的文字截断(适用于内联与块)： ==============CSS================ 复制代码代码如下: .text-overflow{ display:block; width:31em; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } ================================= 对于表格的话 定义有一点不一样： ==============CSS================ 复制代码代码如下: table{ width:30em; table-layout:fixed; } td{ width:100%; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } ================================= 注：这个东东只对单行的文字的效 如果你想把它用在多行上 也只有第一行有作用的。 这个写法只有IE会有“...” 其它的浏览器文本超出指定宽度时会隐藏。来源：爱蒂网
