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 - 瀏覽器自帶氣泡的換行問題