怎么让标题多余的字隐藏用省略号显示？

设置标题字数后，超出的标题字数直接隐藏用省略号表示，怎么才能做到？

看看如下代码效果满足吗？
<style type="text/css">
.abc {
background-color: #CCC;
width: 200px;
overflow:hidden;
text-overflow:ellipsis;/*文字溢出的部分隐藏并用省略号代替*/
white-space:nowrap;/*文本不自动换行*/
</style>
<div class="abc" title="我是标题，我很长，很长，真的很长，已经长的令人无法接受了！！！">我是标题，我很长，很长，真的很长，已经长的令人无法接受了！！！</div>

温馨提示：内容为网友见解，仅供参考

当前网址：https://11.t2y.org/zz/27v8s772s.html