text-overflow 文本超出显示...

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/PerfectUrl/article/details/77097160

text-overflow:ellipsis;的用法是文本超出固定宽度的时候显示省略号

一定要注意在 文本必须用 <nobr>显示不完显示省略号，测试内容</nobr>标签包含，作用是禁止换行

例如

#divcss5 li{  width:150px;height:24px;line-height:24px;color:#6699ff;

overflow:hidden;text-overflow:ellipsis; 
}

<ul id="divcss5"> 
    <li><a href="#"><nobr>&#8226; 显示不完显示省略号，测试内容</nobr></a></li> 
</ul>