[碎片]CSS控制页面文本长度处理

不友好的例子

正确例子

CSS部分

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

解析

• overflow:hidden;
  • 对超出尺寸进行裁切，也就是隐藏溢出(这个比较好理解，不做解释)
  • 清除浮动:
• text-overflow:ellipsis;
  • 属性确定如何向用户发出未显示的溢出内容信号。它可以被剪切，显示一个省略号（'...'，U + 2026 HORIZONTAL ELLIPSIS）或显示一个自定义字符串。
• white-space:nowrap;
  • 规定段落中的文本不进行换行：

PS: Dom最好提前设定好宽度