HTML title屬性不顯示空格後面的字串

2021-08-11 09:52:21 字數 881 閱讀 7807

問題描述

為了使滑鼠移到 table 單元格上能懸浮顯示單元格的完整內容,在 html 介面的 td 標籤新增了 title 屬性,但發現屬性值有空格時只顯示空格前的字元,不顯示空格後面的字元。

問題原因

table 的 tr、td 標籤及屬性都是在 js 檔案裡面拼裝的,用單引號 」 來連線字串,然後填充tbody,html 解析時應該是把空格後的字元又當標籤的屬性進行處理導致的。

info = info  

+''

+' '

+' +username+'>'+username+' '

+' +createtime+'>'+createtime+' '

+' '

;...

$("#virtualserverlist").html(info);

class="folder-table"

cellpadding="0"

cellspacing="0"

width="100%">

id="virtualserverlist">

tbody>

table>

解決方法

給 title 屬性值再加一層雙引號(如果外層為雙引號,則加單引號),這樣保證引號內的值為乙個完整的字串,如下:

+'    25%" class="textleft" title="

'+createtime+'

">'+createtime+' '

html title 不顯示 HTML基礎總匯

html不需要編譯,直接有瀏覽器執行 html檔案是乙個文字檔案 html檔案必須使用html或htm為檔名字尾 html大小寫不敏感,html與html一樣 頭部內容 標記符 html 說明該檔案是用超文字標記語言來描述的,它是檔案的開頭,而則表示該檔案的結尾,它們是超文字標記語言檔案的開始標記和...

HTML title屬性 換行

1.使用換行符換行 換行符分別為 或 例如 href title 前端技術 互動設計 移動開發 文翼的部落格a 2.使用 jquery.attr title 的情況 實際專案應用中,我們常常會使用 jquery 的 attr 方法來設定 title 屬性。例如 a attr title 前端技術 互...

html title屬性內容換行方法(靜態頁面)

滑鼠經過懸停於物件時提示內容 title屬性內容 換行排版方法,html title 換行方法總結。html的title屬性預設是顯示一行的,這裡介紹兩種換行方法為大家分享使用。直接填寫title內容時候 回車鍵 換行,示例 如下 使用 換行共兩種 均可實現html標籤內title內容顯示時換行。1...