过长title的显示问题_html/css_WEB-ITnose-html教程-PHP中文网

回复讨论(解决方案)

首页

web前端

html教程

过长title的显示问题_html/css_WEB-ITnose

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

Jun 24, 2016 pm 12:10 PM

在td单元格中，有一个过长的title属性，在有的电脑上将鼠标放至td上，显示的是非常宽的一个title，但在其它电脑上执行的则是一个大小适合的title显示界面，请问这可能是什么原因造成的，是IE的版本，操作系统的原因还是IE的设置问题

回复讨论(解决方案)

可能和浏览器有关。

可以加上换行符来分行显示

恩，关于这一块查不到资料，由于公司的操作系统和浏览器是配套的，因此无法断定到底是操作系统的原因还是浏览器的原因

恩，关于这一块查不到资料，由于公司的操作系统和浏览器是配套的，因此无法断定到底是操作系统的原因还是浏览器的原因
放在别的机子上面测试一下。。。

现在求教解决办法,最好能同时兼容两种显示方法,我发现不好处理,因为每个字符的宽度不一样,而会自动换行的IE会有一个固定的宽度而不是长度,怎么样才使过长title显示时自动换行,并且兼容上述的两种显示情况

可能和浏览器的版本有关，但是一般的浏览器是不会在词内换行的，比如title="aaaa....verylong.....aaa" 这种是不会自动换行的，显示不完的就被截断了。所以在可能会换行的地方适当加一些空格可以避免这一问题。如果强制换行也可用转义符\n

显示器分辨率的问题，这个你用firebug在不同分辨率上调试一下就可以了

如果title的内容过多的话并且客户需要显示的话，建议给个小弹窗来显示内容，我也遇到过这个问题原先比较懒就放在title中结果最后客户还是非要弹窗来显示！

应该是IE的版本问题，和操作系统关系不大
加个换行就应该可以解决你的问题了换行：
title='1111111111111111111111111111111111111111 2222222222222222222222222222222222222222'

<script>   function fun(){		var arrAll=document.all;   		for (i=0;i <arrAll.length;i++){  			if(arrAll[i].title.length > 80){				// 处理所有title长度超过80的提示				// alert(arrAll[i].title);			}		}  	} </script> <body onload='fun()'> <input type='button' value='测试按钮' id='bn' title='1111111111111111111111111111111111111111&#13;2222222222222222222222222222222222222222'/>   </body>

登录后复制

至于怎么处理还没想好，下班了，明天再想，做个标签

<script>   function fun(){        var arrAll=document.all;           for (i=0;i <arrAll.length;i++){  			var size = 0;            if(arrAll[i].title.length > 50){                var size = arrAll[i].title.length/2;				while(size>30){					size=size/2;				}            }						if(arrAll[i].title.length > 50){				var reg=new RegExp('.{'+size+'}','g');				var titleText = arrAll[i].title.replace(reg,repText); 				arrAll[i].title = titleText;			}        }      }	function repText($1){   		return $1+"\n";  	}    </script> <body onload='fun()'> <input type='button' value='测试按钮' id='bn' title='五笔打字员五笔打字员五木木sssdfsdfsdfsd笔打字员五笔打字员五笔打字员五笔打字员五笔打字员五笔打字员五笔打字员五笔打字员五笔打字员五笔打字员五笔打sdfsdf字员五笔打字员五笔sdfsdfs打字员五笔打字员五笔打字员五sdfsdfsdfsdfsdf笔打字员五笔打字员五笔打字员五笔打字员'/>   </body>

登录后复制

// 写的不好，待高人指正。

支持楼上

现在没环境可试了,先结了

本站声明

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn

热AI工具

热工具

热门话题

gmail邮箱登陆入口在哪里

7319

Java教程

1625

CakePHP 教程

1349

Laravel 教程

1261

PHP教程

1209

显示更多

Related knowledge

公众号网页更新缓存难题：如何避免版本更新后旧缓存影响用户体验？ Mar 04, 2025 pm 12:32 PM

公众号网页更新缓存，这玩意儿，说简单也简单，说复杂也够你喝一壶的。你辛辛苦苦更新了公众号文章，结果用户打开还是老版本，这滋味，谁受得了？这篇文章，咱就来扒一扒这背后的弯弯绕绕，以及如何优雅地解决这个问题。读完之后，你就能轻松应对各种缓存难题，让你的用户始终体验到最新鲜的内容。先说点基础的。网页缓存，说白了就是浏览器或者服务器为了提高访问速度，把一些静态资源（比如图片、CSS、JS）或者页面内容存储起来。下次访问时，直接从缓存里取，不用再重新下载，速度自然快。但这玩意儿，也是个双刃剑。新版本上线，