html title屬性內容換行方法

鼠標通過懸停於對象時提示內容(title屬性內容)換行排版方法,html title 換行方法總結。 css

html的title屬性默認是顯示一行的,這裏介紹兩種換行方法爲你們分享使用。 html

title 內容換行效果截圖
鼠標通過html 連接title內容換行效果截圖 spa

1、直接title內容換行

直接填寫title內容時候「回車鍵」換行,示例代碼以下: code

<a href='http://www.divcss5.com/jiqiao/j510.shtml' target='_ablank' 
title='標 題:DIVCSS5 
做 者:DIVCSS5 
轉 貼 自:CSS原創 
更新時間:2013-05-17 
推薦等級:無 
關鍵字:title換行 
分頁方式:不分頁 
閱讀等級:普通'>html title屬性換行</a>

2、使用html title換行代碼

使用代碼換行共兩種代碼,都可實現html標籤內title內容顯示時換行。 htm

一、換行代碼符合分別爲:

&#10;」和「&#13;對象

&#10;」拼寫:&(and符號,鍵盤數字鍵7一塊兒&)+ #(井號)+ 10(阿拉伯數字十)+ ;(小寫分號) get

&#13;」拼寫:&(and符號,鍵盤數字鍵7一塊兒&)+ #(井號)+ 13(阿拉伯數字十三)+ ;(小寫分號) it

以上符合數字輸入均必須英文半角模式輸入。使用時候,在須要換行地方任選一種(組)換行符號代碼便可。 分頁

二、示例代碼以下: 方法

<a href="http://www.divcss5.com/jiqiao/j510.shtml" 
title="第一排&#10;第二排&#10;第三排">title換行1</a> 
<a href="http://www.divcss5.com/jiqiao/j510.shtml" 
title="說明一&#13;說明二&#13;說明三">title換行2</a> 
<!-- html註釋: 這裏爲了截圖完整,對代碼進行換行 -->

三、示例截圖

實例換行代碼截圖
實例代碼截圖

分別鼠標移到超連接時顯示title屬性內容實現換行顯示效果圖 分別鼠標移到超連接時顯示title屬性內容實現換行顯示效果圖

相關文章
相關標籤/搜索