请问判断是否超出宽度，超出宽度以...显示，而且鼠标经过时显示全部内容可以实现吗？

qq_19414413 2015-09-02 07:03:34

判断是否超出宽度，超出宽度以...显示，而且鼠标经过时显示全部内容（全部内容以悬浮框显示，鼠标移出后不显示，不用tooltip插件）怎么实现？

...全文

65 回复打赏收藏转发到动态举报

写回复

回复

切换为时间正序

请发表友善的回复…

发表回复

HTML CSS 省略号代码超过长度省略号显示点击全部可以显示等超出范围自动变成省略号，但鼠标可以选择文字，酷吧……

题目中问题一拆为二: 1.文字在超出长度时,如何实现用省略号代替? 2.超长长度的文字在省略显示后,如何在鼠标悬停时,以悬浮框的形式显示出全部信息? 文字在超出长度时,如何实现用省略号代替? 用CSS实现超长字段用省略号表示的方法:所有浏览器兼容！ html代码如下：

用CSS实现超长字段被省略的简单方法

注意：设置宽度，overflow:hidden, white-space:nowrap, te

android imageview 多点触碰(Multitouch)实现图片拖拽移动缩放 RT 仿照官方版本的图片浏览效果新手

【代码】前端超出最大宽度，显示...，鼠标hover显示浮层，显示全部。

先说说思路：1、不固定宽度文字超出显示...，用的css3 overflow: hidden;text-overflow:ellipsis;white-space: nowrap;2、文字超出的地方鼠标移入显示全文。我的思路是这样的，先获取容器的宽度、字号、全部文字，把获取的全部文字放到一个动态生成的span中，给span设置字号为容器的字号，再获取出来span的长度，容器宽度小于span...

87,993

社区成员

224,694

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章