关于省略标记(...)“text-overflow:ellipsis”样式的几点说明

    关于文字超过指定宽度时，省略标记(...)所占宽度的问题的几点说明：{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:100px;}

 

（1）省略标记（...）的宽度，包含在总宽度内"width:100px;"

（2）如果将该文字加上链接后，该链接的长度是以设定的宽度为实际长度，而不是以实际显示的长度为实际链接长度，如下图所示：

 

 

    所以，这种情况下，可以将宽度设置为实际可显示的宽度，即可解决空白处也被加上下划线的问题。

（3）省略标记（...）的hover样式不跟随样式的设置变动，颜色默认为字体颜色不变化，这个暂没有办法可解决。