css如何控制文字多行显示，溢出截断后末尾出现省略...

css如何控制文字多行显示，溢出截断后末尾出现省略...

比如

用户评论上传后，想控制在页面的显示为一行，超过一行的其余内容截断，并要求最后能有省略号...出现

类似以下的代码无法在截断的最后显示省略（。。。）

<div style=" overflow: hidden;text-overflow:ellipsis; width: 150px; height: 16px;font-size:12px;line-height:16px;">我跑过三行后想被省略后留下痕迹。我跑过三行后想被省略后留下痕迹。我跑过三行后想被省略后留下痕迹。我跑过三行后想被省略后留下痕迹。我跑过三行后想被省略后留下痕迹。我跑过三行后想被省略后留下痕迹。

</div>