社区
JavaScript
帖子详情
文本内容长度超出容器是否有会触发事件?
iroyal
2009-09-28 10:49:07
在一个TD标签中,如果里边的 文本内容过长 会把表格撑开
现在想在文本超出的时候截取前部分内容,在后边加上"..."
这么实现?
...全文
210
9
打赏
收藏
文本内容长度超出容器是否有会触发事件?
在一个TD标签中,如果里边的 文本内容过长 会把表格撑开 现在想在文本超出的时候截取前部分内容,在后边加上"..." 这么实现?
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
9 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
aking96
2012-03-14
打赏
举报
回复
无意看到此贴解决了我目前项目的问题
iroyal
2009-09-28
打赏
举报
回复
[Quote=引用 7 楼 andywuchitao 的回复:]
最好的办法,用CSS实现:
<DIV STYLE="width: 120px; height: 50px; overflow:hidden;text-overflow:ellipsis;">
<NOBR>就是比如有一行文字,很长,表格内一行显示不下. </NOBR>
</DIV>
宽度可以用百分比,显示省略号最关键的部分是overflow:hidden;text-overflow:ellipsis
这样即可以将文字全部读出,又不影响执行效率,同时还有利于搜索引擎收录,好处多多啊
[/Quote]
原来CSS直接有这个设置的啊,呵呵 搞定了 谢谢啦
andywuchitao
2009-09-28
打赏
举报
回复
最好的办法,用CSS实现:
<DIV STYLE="width: 120px; height: 50px; overflow:hidden;text-overflow:ellipsis;">
<NOBR>就是比如有一行文字,很长,表格内一行显示不下.</NOBR>
</DIV>
宽度可以用百分比,显示省略号最关键的部分是overflow:hidden;text-overflow:ellipsis
这样即可以将文字全部读出,又不影响执行效率,同时还有利于搜索引擎收录,好处多多啊
iroyal
2009-09-28
打赏
举报
回复
楼上的朋友,窗口大小改变的时候,TD的长度会变,不能确定要截取字符的个数
也就是那个33,30 不能确定,是会改变的
小河
2009-09-28
打赏
举报
回复
这个一般用程序实现,如asp的如下,其他语言的类似,因为数据都是从数据库读出来的,用js不方便
<%newsname=""
newsname=trim(replace(rsnew("Title"),"<br>",""))
newsname=replace(newsname," "," ")
if len(trim(newsname))>33 then response.write left(trim(newsname),30)&"..."
else
response.write trim(newsname)
end if%>
iroyal
2009-09-28
打赏
举报
回复
里边的内容不是用户输入的,是从数据库中读取的。
如果没有事件的话,有其他的实现办法吗?
li1229363
2009-09-28
打赏
举报
回复
你把字符宽度限制打开,并且增加字符输入个数限制,就OK了
幸运的意外
2009-09-28
打赏
举报
回复
目前的浏览器和后台控件没有这样的事件.
抱抱我的小猫
2009-09-28
打赏
举报
回复
控件 onKeyUp onKeyPress 添加事件判断内容长度后替换
Vue快速学习指南(router/axios/fetch/cdn)
本系列课程是有关Vue2.x从小白入门到实战的一个全方位知识讲解, 并且通过实战更好的掌握Vue2.x的开发流程 课程
内容
包括: Vue CDN开发el和data的使用数据和方法的使用属性绑定事件
触发事件
修饰符键盘事件双向数据绑定计算属性动态绑定CSS样式指令 if for...实例化多个Vue对象组件的应用脚手架开发
JavaScript实现的自定义
长度
文本
自动换行函数
然后,我们使用一个循环遍历每个单词,并判断当前行的
长度
是否
已经超过了最大
长度
。否则,我们将当前行添加到行数组中,并开启一个新的行来存放当前单词。在Web开发中,经常需要处理
文本
内容
的显示,特别是当
文本
内容
超出
容器
宽度时,我们希望能够自动进行换行,以保证
内容
的可读性。通过上述代码,我们可以实现一个简单而有效的自定义
长度
文本
自动换行函数,以便在Web开发中处理
文本
内容
的显示。函数的目标是将
文本
内容
按照指定的最大
长度
进行自动换行,并返回处理后的
文本
。函数对
文本
进行自动换行处理,并将处理后的结果打印到控制台。
css防止子元素
超出
盒子,解决flex布局
内容
超出
盒子宽度问题
在移动端,flex 布局很好用,它能够根据设备宽度来自动调整
容器
的宽度,用起来很方便,已经越来越离不开它,但是最近在做项目的时候发现一个问题。就是在一个设置了 flex:1 的
容器
中,如果文字很长,这时候文字就会
超出
容器
,而不是呆在设置好的动态剩余的空间中。例子:大致是有一个main
容器
是flex布局,左边一个logo固定宽高,右边content动态宽度。 a namea infoThis ...
判断
文本
是否
溢出并添加tooltip提示
文本
溢出处理小技巧
在AntDesign中自动判断
文本
是否
过长,自动控制
是否
使用tooltip
> 1. 如果
文本
过长,显示...省略号,并且鼠标放置在上面显示tooltip
文本
提示 > 2. 如果
文本
未过长,鼠标放置不显示tooltip
JavaScript
87,910
社区成员
224,616
社区内容
发帖
与我相关
我的任务
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
分享
社区描述
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章