問題描述
為了使滑鼠移到 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...