牛骨文教育服务平台(让学习变的简单)
博文笔记

JS设置文本超出长度,使用省略号,鼠标放上显示完整内容

创建时间:2014-02-24 投稿人: 浏览次数:3294
<div class="abs-right_name" title="${item.address?default("")}">地址:<em>${item.address?default("")}</em></div>

这里使用了freemarker的,你可以把变量直接设置成一段文字测试下~~~  (上面是js,下面是css)


.abs-right_name{ height:20px; line-height:20px; width:206px; overflow:hidden;text-overflow:ellipsis; white-space:nowrap;}

关键的就是text-overflow:ellipsis;
声明:该文观点仅代表作者本人,牛骨文系教育信息发布平台,牛骨文仅提供信息存储空间服务。