title - 浏览器自带气泡的换行问题
Posted 名字不好起啊
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了title - 浏览器自带气泡的换行问题相关的知识,希望对你有一定的参考价值。
之前用的一直都是angular带的ui-tooltip封装的指令来显示气泡,然而内容过多时在ie下的性能并不好,很容易导致浏览器卡死,so 为了提高性能,修改为浏览器自己支持的 title 来进行提示。
ui-tooltip 使用时可以限制宽高区域等样式,当时为了实现 title 的换行真是煞费苦心,结果网上一查就能查到方法:
1、在要换行的位置加上:
2、加上: 也是可行的
下面是实验代码:
<!DOCTYPE html> <html> <head> <meta charset=‘utf-8‘> <style> div { width: 200px; margin: auto; } </style> </head> <body> <div title="1 2 3 1 1"> divdivdivdivdivdivdivdivdivdivdivdivdivdivdivdivdivdivdivdivdivdivdivdivdiv divdivdivdivdivdivdivdivdivdivdivdivdivdivdivdivdivdivdivdivdivdivdivdivdiv divdivdivdivdivdivdivdivdivdivdivdivdivdivdivdivdivdivdivdivdivdivdivdivdiv </div> <script> </script> </body> </html>
以上是关于title - 浏览器自带气泡的换行问题的主要内容,如果未能解决你的问题,请参考以下文章