CSS设置文字溢出部分显示省略号

• white-space属性
  • white-space: normal; 即默认的显示方式，当文字内容超出文本框时会自动换行全部显示
  • white-space: nowrap; 文本不会自动换行，而是强制一行全部显示，直到文本结束或者遇到br元素才换行
• overflow: hidden; 溢出隐藏，超出盒子大小的文本隐藏不显示
• text-overflow文字溢出
  • text-overflow: clip; 不显示省略标记，而是简单的裁剪（默认的方式）
  • text-overflow: ellipsis; 当对象内文本溢出时显示省略标记
• 注意：溢出文本显示省略号，必须先强制一行显示，再使用overflow溢出隐藏文本，再设置显示省略号，三者搭配使用

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