1. 单行显示，超出内容省略

/* 固定宽度 */
width: inherit
/* 超出部分隐藏 */
over-flow: hidden 
/* 不换行 */
white-space: nowrap

2. 单行显示，超出内容显示小数点

/* 固定宽度 */
width: inherit
/* 超出部分隐藏 */
over-flow: hidden 
/* 不换行 注意nowrap/no-wrap写法 */
white-space: nowrap
/* 超出部分显示小数点 */
text-overflow: ellipsis

3. 多行显示，超出内容显示小数点 (opens new window)