最主要的css样式： 　　white-space: nowrap; 　　overflow: hidden; 　　text-overflow: ellipsis; 　　例子： ...

转自：https://blog.csdn.net/liuyan19891230/article/details/50969393 P标签是默认是自动换行的，因此设置好宽度之后，能够较好的实现效果，但是最近的项目中发现，使用ajax加载数据之后，p标签内的内容没有换行，导致布局 ...

一、P标签是默认是自动换行的，因此设置好宽度之后，能够较好的实现效果 但是对于一串的数字或者单词却不具有这样的格式优势 二、各种方式　 　　强制不换行：p { white-space:nowrap; } 　　自动换行：p { word-wrap:break-word ...

...

强制换行 word-wrap:break-word; （单词换行） word-break:break-all; （单个字符换行） 强制不换行 white-space:nowrap; 单行文字超出显示省略号（注意：配合宽度） overflow:hidden ...

多余文字使用省略号效果 代码 ...

CSS控制文本超出指定宽度后用省略号代替，CSS控制文本不换行。 一般的文字截断（适用于内联与块）： .text-overflow { display:block;/*内联对象需加*/ width:31em; word-break:keep-all;/* 不换行 ...

white-space,text-overflow,overflow overflow: hidden;text-overflow:ellipsis;white-space: nowrap; ...