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>• 显示不完显示省略号,测试内容</nobr></a></li>
</ul>