title - 瀏覽器自帶氣泡的換行問題
阿新 • • 發佈：2017-10-19
方法 class angular 實驗代碼 -c utf-8 vdi meta 高性能
之前用的一直都是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 - 瀏覽器自帶氣泡的換行問題