我有以下HTML代码
<html>
<head>
<style>
span {
display:inline-block;
}
</style>
</head>
<body>
<div style='width:60px; white-space:nowrap; overflow:hidden;
text-overflow:ellipsis'>
<span>abc</span>
<span>def</span>
<span>ghi</span>
<span>jkl</span>
</div>
</body>
</html>
结果如下：
abc def g （g被部分裁剪）
问题）我怎样才能看起来像：
abc def g ...
提前致谢！