标签：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> <style> div.test{ width:100px; border:1px solid black; white-space:nowrap; overflow:hidden; } div.test:hover{ text-overflow:inherit; overflow:visible; color:green; } </style> </head> <body> <div class="test" style="text-overflow:ellipsis;color:red">sdfsdfsd fsadfasssss dfasd fdsfa sdfdsf</div> <br/> <div class="test" style="text-overflow:clip;">sdfsdfsd fsadfasssss dfasd fdsfa sdfdsf</div> </body> </html>
第一个div的文字是红色的，在鼠标以上时，不会变成绿色，因为行内的CSS优先级高，可以用JS修改。
标签：
原文地址：http://www.cnblogs.com/pmx-pmx/p/5364678.html
