zoukankan      html  css  js  c++  java
  • 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&#10;2&#13;3
    1
    1">
                divdivdivdivdivdivdivdivdivdivdivdivdivdivdivdivdivdivdivdivdivdivdivdivdiv
                divdivdivdivdivdivdivdivdivdivdivdivdivdivdivdivdivdivdivdivdivdivdivdivdiv
                divdivdivdivdivdivdivdivdivdivdivdivdivdivdivdivdivdivdivdivdivdivdivdivdiv        
            </div>
            
            <script>
    
            </script>
        </body>
    </html>
  • 相关阅读:
    第三次作业附加
    第三次作业(计算器第一步)
    课程学生列表
    第二次作业
    《面向对象程序设计》第一次作业
    期末总结
    最后的总成绩
    第七次作业
    第六次作业(团队作业)
    第五次成绩
  • 原文地址:https://www.cnblogs.com/guofan/p/7692638.html
Copyright © 2011-2022 走看看