过长title的显示问题_html/css_WEB-ITnose
在td单元格中,有一个过长的title属性,在有的电脑上将鼠标放至td上,显示的是非常宽的一个title,但在其它电脑上执行的则是一个大小适合的title显示界面,请问这可能是什么原因造成的,是IE的版本,操作系统的原因还是IE的设置问题
回复讨论(解决方案)
可能和浏览器有关。
可以加上换行符来分行显示
恩,关于这一块查不到资料,由于公司的操作系统和浏览器是配套的,因此无法断定到底是操作系统的原因还是浏览器的原因
恩,关于这一块查不到资料,由于公司的操作系统和浏览器是配套的,因此无法断定到底是操作系统的原因还是浏览器的原因
放在别的机子上面测试一下。。。
现在求教解决办法,最好能同时兼容两种显示方法,我发现不好处理,因为每个字符的宽度不一样,而会自动换行的IE会有一个固定的宽度而不是长度,怎么样才使过长title显示时自动换行,并且兼容上述的两种显示情况
可能和浏览器的版本有关,但是一般的浏览器是不会在词内换行的,比如title="aaaa....verylong.....aaa" 这种是不会自动换行的,显示不完的就被截断了。所以在可能会换行的地方适当加一些空格可以避免这一问题。如果强制换行也可用转义符\n
显示器分辨率的问题,这个你用firebug在不同分辨率上调试一下就可以了
如果title的内容过多的话并且客户需要显示的话,建议给个小弹窗来显示内容,我也遇到过这个问题 原先比较懒就放在title中结果最后客户还是非要弹窗来显示!
应该是IE的版本问题,和操作系统关系不大
加个换行就应该可以解决你的问题了 换行:
title='1111111111111111111111111111111111111111
2222222222222222222222222222222222222222'
现在求教解决办法,最好能同时兼容两种显示方法,我发现不好处理,因为每个字符的宽度不一样,而会自动换行的IE会有一个固定的宽度而不是长度,怎么样才使过长title显示时自动换行,并且兼容上述的两种显示情况
<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 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>
// 写的不好,待高人指正。
支持楼上
现在没环境可试了,先结了

Outils d'IA chauds

Undresser.AI Undress
Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover
Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool
Images de déshabillage gratuites

Clothoff.io
Dissolvant de vêtements AI

AI Hentai Generator
Générez AI Hentai gratuitement.

Article chaud

Outils chauds

Bloc-notes++7.3.1
Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise
Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1
Puissant environnement de développement intégré PHP

Dreamweaver CS6
Outils de développement Web visuel

SublimeText3 version Mac
Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Sujets chauds

Le cache de mise à jour de la page Web du compte officiel, cette chose est simple et simple, et elle est suffisamment compliquée pour en boire un pot. Vous avez travaillé dur pour mettre à jour l'article officiel du compte, mais l'utilisateur a toujours ouvert l'ancienne version. Dans cet article, jetons un coup d'œil aux rebondissements derrière cela et comment résoudre ce problème gracieusement. Après l'avoir lu, vous pouvez facilement faire face à divers problèmes de mise en cache, permettant à vos utilisateurs de toujours ressentir le contenu le plus frais. Parlons d'abord des bases. Pour le dire franchement, afin d'améliorer la vitesse d'accès, le navigateur ou le serveur stocke des ressources statiques (telles que des images, CSS, JS) ou du contenu de la page. La prochaine fois que vous y accédez, vous pouvez le récupérer directement à partir du cache sans avoir à le télécharger à nouveau, et il est naturellement rapide. Mais cette chose est aussi une épée à double tranchant. La nouvelle version est en ligne,

L'article discute de l'utilisation des attributs de validation de formulaire HTML5 comme les limites requises, motifs, min, max et longueurs pour valider la saisie de l'utilisateur directement dans le navigateur.

Cet article démontre un ajout de bordure PNG efficace aux pages Web à l'aide de CSS. Il soutient que CSS offre des performances supérieures par rapport à JavaScript ou à des bibliothèques, détaillant comment ajuster la largeur, le style et la couleur des bordures pour un effet subtil ou proéminent

L'article examine les meilleures pratiques pour assurer la compatibilité des navigateurs de HTML5, en se concentrant sur la détection des fonctionnalités, l'amélioration progressive et les méthodes de test.

L'article traite du HTML & lt; Datalist & GT; élément, qui améliore les formulaires en fournissant des suggestions de saisie semi-automatique, en améliorant l'expérience utilisateur et en réduisant les erreurs. COMMANDE COMPRES: 159

L'article traite du HTML & lt; Progress & GT; élément, son but, son style et ses différences par rapport au & lt; mètre & gt; élément. L'objectif principal est de l'utiliser & lt; Progress & gt; pour l'achèvement des tâches et & lt; mètre & gt; pour stati

Cet article explique le html5 & lt; time & gt; élément de représentation sémantique de date / heure. Il souligne l'importance de l'attribut DateTime pour la lisibilité à la machine (format ISO 8601) à côté du texte lisible par l'homme, stimulant AccessIbilit

L'article traite du HTML & lt; mètre & gt; élément, utilisé pour afficher des valeurs scalaires ou fractionnaires dans une plage, et ses applications courantes dans le développement Web. Il différencie & lt; mètre & gt; De & lt; Progress & gt; et ex
