css 设置文字超出长度用省略号代替 + 鼠标悬停显示全文 + 行内元素向下偏移修正

1. css 设置文字超出长度用省略号代替，下面四个属性缺一不可

width:100px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;

2.鼠标悬停显示全文

title="全文全文全文全文全文全文全文";

3.应用【 display:inline-block； 】后引起行内元素向下偏移

添加样式：vertical-align: bottom;

总结：

<span style="display: inline-block;width:150px;;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;vertical-align: bottom;" title="全文全文全文全文全文全文全文">全文全文全文全文全文全文全文</span>