欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

table 里的td内容过长,我想用。。。显示_html/css_WEB-ITnose

程序员文章站 2022-05-19 12:51:02
...
table 里的td内容过长,我想用.....显示, 重点:我想鼠标点.....上面,然后上面出现一个图层来显示整个内容,各位大哥大姐,求助啊!!!!!!!!!!!!

回复讨论(解决方案)

道理说起没用,最好给个例子, 写上注释,谢了!!!!!!!!!!!

我倒是有一个思路,用二级弹出菜单的方法

无标题文档
标题一 标题二
内容一内容……
  • 隐藏内容一
内容二内……
内容三 内容四

我倒是有一个思路,用二级弹出菜单的方法


XML/HTML code?



1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253




你这个不行,我的意思是 如果内容过长就显示.....,然后把鼠标移动.....上面就出现图层显示整个内容,如果内容不长,就不会出现....,鼠标移动上面内容上面也不会出现图层来显示

我倒是有一个思路,用二级弹出菜单的方法


XML/HTML code?



1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253


难点就是判断,不长的内容(也不会显示....)移动上面不会出现图层

引用 2 楼 kxteb0cc 的回复:我倒是有一个思路,用二级弹出菜单的方法


XML/HTML code?



1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253

UBL……
呃,懂你意思了,你是想让它自动判断内容是否过长然后自动隐藏嘛,这个我就不晓得了,不过估计得用到javascript……

引用 4 楼 quanlei1507053 的回复:
引用 2 楼 kxteb0cc 的回复:我倒是有一个思路,用二级弹出菜单的方法


XML/HTML code?



1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253

汗。。。。。不过还是谢谢你

试一试css属性
text-overflow:ellipsis;

最好写段js搞定她~~~

display:block;/*定义为块级*/
overflow:hidden; /*超出的部分隐藏起来。*/
white-space:nowrap;/*不显示的地方用省略号...代替*/
text-overflow:ellipsis;/* 支持 IE */
-o-text-overflow: ellipsis; /* 支持 Opera *
这只是 让多余的 内容再 一定的宽度范围内 显示省略号,但是连续的英文字母跟数字不行。
再你说的第二个问题就是 鼠标放上去显示完整的内容这个 用title吧。如果还有不懂的可以给我发私信 我做个 demo 给你

如果能帮助你 解决问题 记得 结贴 谢谢 赚点积分真不容易啊 。

撸主,解决了么?
求分享代码啊

这种能实现隐藏,并且后面有...显示,但是问题是怎么把鼠标移到上面去在鼠标右下方显示那些内容呢

我不换行我不换行我不换行我不换行我不换行我不换行我不换行我不换行我不换行我不换行我不换行我不换行我不换行我不换行我不换行 我不换行我不换行我不换行我不换行我不换行我不换行我不换行我不换行我不换行我不换行我不换行我不换行我不换行我不换行我不换行
我不换行我不换行我不换行我不换行我不换行我不换行我不换行我不换行我不换行我不换行 我不换行我不换行我不换行我不换行我不换行我不换行我不换行我不换行我不换行我不换行