再web设计中
我们遇到本来一个li或者一个区块里面的文字，会换行，撑开本来的高度，破坏本来的布局。
或者再seo中标题需要完整，但文本太多会破坏布局等问题
那么我们要用到几个css标签修改文本显示方式
overflow: hidden;
| hidden | 内容会被修剪，并且其余内容是不可见的。 |
text-overflow: ellipsis;
| ellipsis | 显示省略符号来代表被修剪的文本。 |
white-space: nowrap;
| nowrap | 文本不会换行，文本会在在同一行上继续，直到遇到 标签为止。 |
用这3句定义文本再一行上显示并不会再
之前变行，结局布局混乱问题。同时再seo中可以显示完整的title。
同时，在自适应中应用更广泛，因为手机分辨率和pc分辨率的不同，需要用这个方法就可以做到自己适应屏幕宽度，而不怕因为屏幕宽度的变化，引起的文本换行显示从而撑高li或者别的区块。
版权所有丨如未注明，均为原创，转载请注明本文固定链接！
