标签:class 封装 back bsp angular 代码 span tooltip round
之前用的一直都是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>
标签:class 封装 back bsp angular 代码 span tooltip round
原文地址:http://www.cnblogs.com/guofan/p/7692638.html