1. 使用換行符換行
換行符分別為: 或
例如:
href=""
title="前端技術
互動設計
移動開發">文翼的部落格a>
2. 使用 jquery.attr('title', '') 的情況
實際專案應用中,我們常常會使用 jquery 的 attr 方法來設定 title 屬性。
例如:
$(
'a').attr('title', '前端技術
互動設計
移動開發');
可以發現並沒有得到我們想要的結果,這是因為 jquery 對 & 進行了編碼,這樣顯示出來並沒有換行。
在這裡,可以使用下面的**解決該問題:
var title = $('').html('前端技術
互動設計
移動開發').text();
$('a').attr('title', title);
3. 解決瀏覽器相容問題
測試了 chrome 和 firefox,貌似沒什麼問題,不過為了更好的解決瀏覽器相容性,決定用 jquery 來解決。
新建檔案(jquery.wrap.title.js):
$(function() );
});$div.html(titles.join('
')).css();
});$(document).on('mouseout', '[data-title]', function() );
});
**相容上面兩種設定 title 的方法,不用修改任何 html **,使用:
src="js/jquery.min.js">
script>
src="js/jquery.wrap.title.js">
script>
html title屬性內容換行方法(靜態頁面)
滑鼠經過懸停於物件時提示內容 title屬性內容 換行排版方法,html title 換行方法總結。html的title屬性預設是顯示一行的,這裡介紹兩種換行方法為大家分享使用。直接填寫title內容時候 回車鍵 換行,示例 如下 使用 換行共兩種 均可實現html標籤內title內容顯示時換行。1...
HTML title屬性不顯示空格後面的字串
問題描述 為了使滑鼠移到 table 單元格上能懸浮顯示單元格的完整內容,在 html 介面的 td 標籤新增了 title 屬性,但發現屬性值有空格時只顯示空格前的字元,不顯示空格後面的字元。問題原因 table 的 tr td 標籤及屬性都是在 js 檔案裡面拼裝的,用單引號 來連線字串,然後填...
css 自動換行屬性
word break 屬性規定自動換行的處理方法。通過使用 word break 屬性,可以讓瀏覽器實現在任意位置的換行。所有主流瀏覽器都支援 word break 屬性。語法 word break normal break all keep all normal 使用瀏覽器預設的換行規則。brea...